Чтобы создать информационное окно Google Maps, которое появляется при наведении курсора, вам потребуется использовать API JavaScript Google Maps. Вот несколько методов, которые вы можете использовать, а также примеры кода:
Метод 1. Использование событий mouseover и mouseout
HTML:
<div id="map"></div>
JavaScript:
«Это содержимое InfoWindow.»,
});
// Показать InfoWindow при наведении курсора мыши
markker.addListener(«mouseover», () =>{
infoWindow.open( карта, маркер);
});
// Скрываем информационное окно при наведении курсора мыши
маркер.addListener(“mouseout”, () =>{
infoWindow.close();
}) ;
Метод 2: использование событий mouseenter и mouseleave
HTML и JavaScript:
«Это содержимое InfoWindow.»,
});
// Показать InfoWindow при mouseenter
маркер.addListener(«mouseenter», () =>{
infoWindow.open( карта, маркер);
});
// Скрываем информационное окно на mouseleave
markker.addListener(“mouseleave”, () =>{
infoWindow.close();
}) ;
п>
Не забудьте заменить YOUR_API_KEYсвоим ключом API Google Maps.