[英]How to update infowindow of a marker?
for(i=0; i<locations.length; i++) {
var position = new google.maps.LatLng(locations[i][2], locations[i][3]);
var marker = new google.maps.Marker({
position: position,
map: map,
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][1]);
infowindow.setOptions({maxWidth: 200});
infowindow.open(map, marker);
}
}) (marker, i));
Markers[locations[i][4]] = marker;
}
我有 map 有多個帶有信息窗口的標記我的目標是更新標記信息窗口但無法找到解決方案。
如果您嘗試將i
存儲在閉包中,那么您可以這樣做: Demo JsFiddle
for (let i = 0; i < locations.length; i++) {
let position = new google.maps.LatLng(locations[i][1], locations[i][2]);
let marker = new google.maps.Marker({
position: position,
map: map,
title: locations[i][0]
});
google.maps.event.addListener(marker, 'click', function (event) {
let content = `<b>${locations[i][0]} </b><br>
${locations[i][3]}<br>
Position: ${event.latLng.lat()}, ${event.latLng.lng()}`;
infowindow.setContent(content);
infowindow.setOptions({ maxWidth: 200 });
infowindow.open(map, marker);
});
}
或者您可以從事件 object event.latLng.lat()
獲取 position 並使用它獲取位置。
或者您可以為每個標記單獨提供信息 window。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.