导致新内容块出现的标记（谷歌地图）答案

【问题标题】：Markers (Google Maps) that causing appearance of new blocks of content导致新内容块出现的标记（谷歌地图）
【发布时间】：2015-03-21 16:49:20
【问题描述】：

我想创建最初只有一个元素（不包括页脚和页眉）的网页：带有 20 个标记的谷歌地图。我有 20 张与每个标记相关的图片和描述。当它是第一次点击标记时，它应该会弹出新的 div：img 和 text(description)。之后，如果我们单击另一个标记，我们的新 div 必须刷新为相关内容。
可能吗？如何使用 Google Maps API 创建它？

http://i.imgur.com/HiapP9R.jpg

【问题讨论】：

您的问题并不难，但您必须付出一些努力才能让专家介入并帮助您。

标签： javascript jquery google-maps google-maps-api-3

【解决方案1】：

在创建标记时，为该标记添加一个唯一的 id，这将帮助您识别单击了哪个标记并选择相应的图像/描述进行显示。

        //variable options contains different marker options
        var myMarker = new google.maps.Marker({
            position: new google.maps.LatLng(options.lat, options.lng),
            map: myMap,
            draggable: options.draggable || false,
            animation: options.animation || "none",
            icon :  options.markerImage
        });

        myMarker.uniqueID = "myMarkerUniqueID123";

        google.maps.event.addListener(marker, 'click', function() {
             showDetailsAndImage(marker.uniqueID);
        });


        function showDetailsAndImage(id) {
            //do whatever you want to do here
        }

【讨论】：

【解决方案2】：

只需为标记添加一个事件监听器。

https://developers.google.com/maps/documentation/javascript/examples/event-simple

【讨论】：