[英]Google Maps API v3: InfoWindow is not in right position
每次单击标记时,我都希望在特定标记上打开 infoWindow。 但每次它都停留在与上次相同的 position 中。 这是我的代码
var infowindow = new google.maps.InfoWindow(
{
size: new google.maps.Size(150,20)
});
var markersArray = [];
var countMarker = 0;
function initialize() {
geocoder = new google.maps.Geocoder();
var myLocation = new google.maps.LatLng(52.13206069538749, -106.63635849952698);
var mapOptions = {
zoom: 12,
center: myLocation,
mapTypeControl: true,
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("mapCanvas"), mapOptions);
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng);
infowindow.setPosition(marker.getPosition());
infowindow.setContent(event.latLng.toString());
infowindow.open(map,marker);
// showing latitude and longitude in infowindow
if (flag == 1){
document.getElementById("latbox").value=event.latLng.lat();
document.getElementById("lngbox").value=event.latLng.lng();
flag++;
}
else{
var current_lat = event.latLng.lat().toString();
var current_lng = event.latLng.lng().toString();
insRow(current_lat, current_lng, marker.id);
}
google.maps.event.addListener(marker, 'click', function() {
// addMarker(event.latLng);
// infowindow.setPosition(event.latLng);
infowindow.setPosition(marker.getPosition());
infowindow.setContent(event.latLng.toString());
//infowindow.open(map,event.latLng);
});
});
//document.write("3");
google.maps.event.trigger(marker, 'click');
}
function addMarker(location) {
countMarker++;
marker = new google.maps.Marker({
position: location,
map: map,
id: countMarker
});
markersArray.push(marker);
//alert(marker.id);
}
任何人都可以在这方面帮助我吗?
尝试这个:
google.maps.event.addListener(marker, "click", function (event) {
infoWindow.setContent(this.position);
infoWindow.open(map, this);
});
此外,我没有在代码中看到您定义变量标记的位置。
您可能想要添加更改addMarker(event.latLng);
至
var marker = addMarker(event.latLng);
并更改 function 以返回标记 object:
function addMarker(location) {
countMarker++;
var marker = new google.maps.Marker({
position: location,
map: map,
id: countMarker
});
markersArray.push(marker);
return marker;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.