我的谷歌地图上有几个标记。每个都有文本,应该显示何时以infowindow的形式点击它。所有这些的代码如下。 Hwever,问题在于,当我点击地图上的任何标记时,它总是与地图放大的标记相同,并且弹出相同标记的infoWindow。无论我在哪里点击它总是一样的。
想知道我是否做错了。有人可以给我一些建议吗?
function getlistings()
{
$.getJSON('list/listings.json', processlistings);
}
function processlistings(data)
{
listings = data;
markersArray = [];
for( i = 0; i < listings.length; i++)
{
var listing = listings[i];
var markerLatLng = new google.maps.LatLng(parseFloat(listing["latitude"]), parseFloat(listing["longitude"]));
marker = new google.maps.Marker({
position : markerLatLng,
title: listing['name'],
map : map
});
var infowindow = new google.maps.InfoWindow(
{
content: listing['name'],
position: markerLatLng
});
google.maps.event.addListener(marker, 'click', function()
{
infowindow.open(map);
});
markersArray.push(marker);
}
}
答案 0 :(得分:3)
循环浏览数据时,您将多次创建InfoWindow
次。在循环结束时,您在InfoWindow
处有一个markerLatLng
。
点击标记后,系统会调用infowindow.open()
,使用markerLatLng
处的信息窗。
您需要使用函数闭包,如http://www.geocodezip.com/v3_MW_example_map1.html
所示//loop through markers, but create each with a helper function
var point = new google.maps.LatLng(43.82589,-79.10040);
var marker = createMarker(point,'Some stuff to display in the<br>Third Info Window')
function createMarker(latlng, html) {
var contentString = html;
var marker = new google.maps.Marker({
position: latlng,
map: map,
zIndex: Math.round(latlng.lat()*-100000)<<5
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(contentString);
infowindow.open(map,marker);
});
}
答案 1 :(得分:0)
当您遍历列表时,您将覆盖infowindow var内容。相反,您需要更改单击以将内容设置为this.title
var infoWindow = new google.maps.InfoWindow({content: 'Loading...'});;
function processlistings(data)
{
listings = data;
markersArray = [];
for( i = 0; i < listings.length; i++)
{
var listing = listings[i];
var markerLatLng = new google.maps.LatLng(parseFloat(listing["latitude"]), parseFloat(listing["longitude"]));
marker = new google.maps.Marker({
position : markerLatLng,
title: listing['name'],
map : map
});
markersArray.push(marker);
}
for (var i = 0; i < markersArray.length; i++) {
var marker = markersArray[i];
google.maps.event.addListener(marker, 'click', function () {
infoWindow.setContent(this.title);
infoWindow.open(map, this);
});
}
}