ubicación de geocodificación desde el cuadro de entrada
-
12-12-2019 - |
Pregunta
Soy nuevo en Google Maps y simplemente estoy tratando de dominarlo.Quiero poder escribir una ciudad o dirección y luego hacer que el mapa la cargue y coloque un marcador.
En este momento mi mapa se carga bien inicialmente, pero cuando escribo una ciudad o dirección no sucede nada.¿Alguna idea de lo que está pasando aquí?
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlang = new google.maps.LatLng(42, -84);
var myOptions = {
center: latlang, zoom: 5, mapTypeId: google.maps.MapTypeId.SATELLITE,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.SMALL
}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
function codeAddress() {
var sAddress = document.getElementById("newLocation").value;
geocoder.geocode( { 'address': sAddress}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
}
else{
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
</head>
<body onload="initialize()">
Address: <input type="text" id="newLocation" style=" width:200px" title="Address to Geocode" />
<input type="button" onclick="codeAddress()" id="inputButtonGeocode" style="width:150px" title="Click to Geocode" value="Geocode" />
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
Solución
En la linea
var map = new google.maps.Map(document.getElementById("map_canvas")...
eliminar la palabra var
.porque crea map
en un alcance funcionalmente local y la función de geocodificación solo ve el anterior (vacío) map
variable.Al eliminarlo el global map
La variable se actualiza a este nuevo mapa de Google.
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow