Como usar o Endereço em vez de Lat / Long na API do Google Map
Quero usar os Marcadores de mapa do Google para marcar os locais onde fornecemos nossos serviços. Meu código usando Lat / Long está funcionando bem, mas no meu projeto eu preciso usar nomes de cidades em vez de lat / long. Como posso fazer isso, existe alguma maneira de fazer isso? aqui está o meu código
<div id="map" style="height:500px;"></div>
<script>
var neighborhoods = [
{ lat: 31.6400, lng: 74.8600 },
{ lat: 28.6139, lng: 77.2090 },
{ lat: 12.9667, lng: 77.5667 },
{ lat: 31.3260, lng: 75.5760 },
{ lat: 30.7500, lng: 76.7800 },
{ lat: 30.3400, lng: 76.3800 }
];
var markers = [];
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: { lat: 28.6139, lng: 77.2090 }
});
}
function drop() {
clearMarkers();
for (var i = 0; i < neighborhoods.length; i++) {
addMarkerWithTimeout(neighborhoods[i], i * 200);
}
}
function addMarkerWithTimeout(position, timeout) {
window.setTimeout(function () {
markers.push(new google.maps.Marker({
position: position,
map: map,
title: 'Jassie',
animation: google.maps.Animation.DROP
}));
}, timeout);
}
function clearMarkers() {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(null);
}
markers = [];
}
$(window).load(function () {
drop();
});
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=API_Key&signed_in=true&callback=initMap"> </script>
</div>