带有标记群及其信息窗口的Google地图

时间:2013-09-23 12:11:41

标签: javascript google-maps-api-3

我有一组Google地图标记。我点击了按钮,在ModalPopupExtender中显示谷歌地图。在使用标记加载地图后,我想在标记的鼠标上弹出信息窗口。当地图加载标记时,如何保留每个标记的信息窗口的详细信息?

  $('#map-canvas').fadeIn('slow', function() {
            google.maps.event.trigger(map, 'resize');
            for (var i = 0; i < asGridselectedRows.length; i++) {
                var row = asGridselectedRows[i];
                var Latitude = asGridMasterTable.getCellByColumnUniqueName(row, "Latitude");
                var Longitude = asGridMasterTable.getCellByColumnUniqueName(row, "Longitude");
                var messno = asGridMasterTable.getCellByColumnUniqueName(row, "MessNo");
                var messnumber = messno.innerHTML.substring(6, messno.innerHTML.length - 7);
                var Lat = Latitude.innerHTML.substring(6, Latitude.innerHTML.length - 7);
                var Long = Longitude.innerHTML.substring(6, Longitude.innerHTML.length - 7);
                var myLatLng = new google.maps.LatLng(Lat, Long);
                map.setCenter(myLatLng);
                map.setZoom(13);
                marker = new google.maps.Marker({
                    map: map
                });
                if (messnumber == '00')
                {
                    marker.setIcon('http://maps.google.com/mapfiles/ms/icons/blue-dot.png');
                }
                else
                {                   
                marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png');
                }
                marker.setPosition(myLatLng);
                marker.setVisible(true);
            }
        });

enter image description here

1 个答案:

答案 0 :(得分:0)

您需要将信息窗口构建为事件侦听器的一部分。请参阅答案中给出的示例:Changing data in the info window with Google Map markers

您可以为每个标记添加属性,以便可以在悬停事件中引用这些属性。在您的情况下,看起来您可以简单地使用messno作为属性,然后使用

中的标记信息引用您的数据表