Блог

Возможно ли, чтобы маркеры карты на картах Google показывали 3/4/5 и т. Д., Которые заставляют пользователей увеличивать масштаб карты. есть ли возможность добавить «при наведении», которое не изменяет поведение при нажатии?

представьте, что вы наводите курсор мыши на 3 на карте и у вас появляется всплывающее окно, чтобы указать пункты назначения, показанные при нажатии на 3

Поддерживает ли Google maps отдельный режим при наведении и при нажатии?

Оно делает. Во-первых, на самой карте есть mouseover и mousemove события, которые в основном делают одно и то же:

https://developers.google.com/maps/documentation/javascript/reference/map

Во-вторых, если вы хотели, чтобы это происходило только на маркерах, на Маркере также mouseover есть и mouseout события, когда пользователь наводит курсор на маркер, а затем перемещает курсор с маркера

https://developers.google.com/maps/documentation/javascript/reference/marker

Так что вы могли бы сделать что-то вроде

 const map = new google.maps.Map(document.getElementById('map'), {
    zoom: 13,
    center: {lat: 51.476706, lng: 0},
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

const marker = new google.maps.Marker({
    map: map,
    position: {lat: 51.476706, lng: 0}
});


marker.addListener('mouseover', function() {
    // open your popup window
});

marker.addListener('mouseout', function() {
    // close your popup window
});