0

我有一个使用谷歌地图的应用程序,目前我在页面上添加了许多标记,点击它们会打开一个信息窗口。

我还有一个分页的结果列表,我想在单击时打开相应的信息窗口。当前单击这些锚点之一会打开所有信息窗口,但这是我目前所能获得的。

我有一个位置标记功能:

positionMarkers: function(lat, lng, user) {
    var marker = new google.maps.Marker({
        animation: google.maps.Animation.DROP,
        position: new google.maps.LatLng(lat, lng),
        map: map
    });
    if (caption == null) {
        var caption = 'No caption available';
        } else {
        var caption = caption.text;
    }
    var contentString = '<div class="infoWindow"><h2>' + user + '</h2></div>';
    var infowindow = new google.maps.InfoWindow({
        content: contentString,
        maxWidth: 284
    });
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.open(map, marker);
    });
    $('.instaframe').bind('click', function(){
        infowindow.open(map, marker);
    });
}

我遇到的麻烦是在代码段末尾的绑定功能。我不确定每次运行 positionMarkers 函数时只添加标记的地方去绑定点击事件。

<a href="#" class="instaframe">Marker one</a>
<a href="#" class="instaframe">Marker two</a>
<a href="#" class="instaframe">Marker three</a>

帮助将不胜感激。

4

0 回答 0