我有一个使用谷歌地图的应用程序,目前我在页面上添加了许多标记,点击它们会打开一个信息窗口。
我还有一个分页的结果列表,我想在单击时打开相应的信息窗口。当前单击这些锚点之一会打开所有信息窗口,但这是我目前所能获得的。
我有一个位置标记功能:
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>
帮助将不胜感激。