Как добавить текст при наведении курсора мыши на маркеры в Google maps?
Я пытался создать метку, когда я навожу курсор на каждый из маркеров на этой карте, описывая, что здесь находится и почему нужно посетить эти места, но я не знаю, как это сделать. Кто-нибудь знает, как это сделать?
Что я уже пробовал:
Вот с чем я работаю. Поскольку я не знаю, как заставить теги появляться, их нет в коде.
<!DOCTYPE html>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Assignment 10 Part 2
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
<div id="map"></div>
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: {lat: 40.699448, lng: -74.010264, zoom: 11}
});
var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
var markers = locations.map(function(location, i) {
return new google.maps.Marker({
position: location,
label: labels[i % labels.length]
});
});
// Add a marker clusterer to manage the markers.
var markerCluster = new MarkerClusterer(map, markers,
{imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
}
var locations = [
{lat: 40.689290, lng: -74.044490},
{lat: 40.711475, lng: -74.012650},
{lat: 40.782832, lng: -73.966986}
]