Google Maps v3 окно информации о маркере при наведении курсора - PullRequest
47 голосов
/ 19 января 2012

Я просмотрел stackoverflow и другие форумы, в том числе api-документы google maps v3, но не могу найти способ изменить событие, которое вызывает информационное окно маркера, с click на mouseover в файлах, с которыми я работаю.

Я работаю с демонстрацией из библиотеки Google, которая включает слой таблицы фьюжн.

Вы увеличиваете кластеры и видите небольшие маркеры красного круга для определения местоположения.Вы должны нажать, чтобы открыть информационное окно.Я хочу, чтобы ролловер открыл информационное окно.

Моя демонстрация здесь: http://www.pretravelvideo.com/gmap2/

Файл functions.js выполняет большую часть работы здесь: http://www.pretravelvideo.com/gmap2/functions.js

Ответы [ 3 ]

126 голосов
/ 19 января 2012

Вот пример: http://duncan99.wordpress.com/2011/10/08/google-maps-api-infowindows/

marker.addListener('mouseover', function() {
    infowindow.open(map, this);
});

// assuming you also want to hide the infowindow when user mouses-out
marker.addListener('mouseout', function() {
    infowindow.close();
});
6 голосов
/ 07 апреля 2014
var icon1 = "imageA.png";
var icon2 = "imageB.png";

var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon: icon1,
    title: "some marker"
});

google.maps.event.addListener(marker, 'mouseover', function() {
    marker.setIcon(icon2);
});
google.maps.event.addListener(marker, 'mouseout', function() {
    marker.setIcon(icon1);
});
3 голосов
/ 22 июля 2017

Благодаря ответу Дункана, я получаю следующее:

marker.addListener('mouseover', () => infoWindow.open(map, marker))
marker.addListener('mouseout', () => infoWindow.close())
...