Мышь для infoWindow.close не работает на Google Maps v3 в javascript
У меня есть прослушиватель событий при наведении мыши, который работает и показывает правильный текст в информационном окне, однако эти информационные окна никогда не исчезают, если вы не нажмете кнопку x. Я хочу, чтобы они исчезли после того, как пользователь уберет свою мышь. Ниже приведен код.
Спасибо!
iPark.makeMarker = function (lat, long, street, location, description ) {
var myLatlng = new google.maps.LatLng(lat, long)
var marker = new google.maps.Marker({
position: myLatlng,
title: 'Click to Zoom'
});
marker.setMap(this.map)
google.maps.event.addListener(marker, 'click', function() {
iPark.map.setZoom(18);
iPark.map.setCenter(marker.getPosition());
google.maps.event.addListener(marker, 'click', function() {
iPark.map.setZoom(13)
iPark.map.setCenter(37.7833, -122.4167)
})
});
google.maps.event.addListener(marker, 'mouseover', function() {
iPark.infoWindow(street).open(iPark.map, marker)
});
google.maps.event.addListener(marker, 'mouseout', function() {
console.log("hello")
iPark.closeinfoWindow
});
}
iPark.infoWindow = function(street){
return new google.maps.InfoWindow({
content: String(street)
})
iPark.closeinfoWindow = InfoWindow.close()
};
2 ответа
Сохраните информационное окно как свойство маркера:
google.maps.event.addListener(marker, 'mouseover', function() {
if(!this.get('iw'))this.set('iw',iPark.infoWindow(street));
this.get('iw').open(iPark.map, this);
});
тогда вы сможете получить к нему доступ позже:
google.maps.event.addListener(marker, 'mouseout', function() {
this.get('iw').close();
});
Это выглядит неправильно.
google.maps.event.addListener(marker, 'mouseout', function() {
console.log("hello")
iPark.closeinfoWindow
});
Это может работать лучше (не проверено, основываясь на сообщенной рабочей функции "mouseout"):
google.maps.event.addListener(marker, 'mouseout', function() {
iPark.infoWindow(street).close();
});