estoy usando el autocompletado de google maps y me encuentro con el siguiente problema:
el proceso es el siguiente:
1- el usuario ingresa en el input de autocompletado el lugar que desea encontrar.
2-de la lista despelgable que devuelve el servicio, el usuario selecciona la direccion que desee.
3-a partir de la direccion seleccionada por el usuario, procedo a colocar un marcador en el mapa por medio de la latitud y longitud.
<input class="form-control valid" id="Address_Components"
name="Address_Components" placeholder="Ingrese la dirección de su
consultorio..." type="text">
<input class="latitud valid" data-val="true" data-val-required="* Debe marcar
la ubicación del consultorio en el mapa." id="Latitud" name="Latitud"
type="text" value="" aria-describedby="Latitud-error" aria-invalid="false">
<input class="longitud valid" data-val="true" data-val-required="* Por favor
Marque la ubicacion del consultorio en el mapa." id="Longitud" name="Longitud"
type="text" value="" aria-describedby="Longitud-error" aria-invalid="false">
el script es el siguiente:
var geocoder = new google.maps.Geocoder;
var infowindow = new google.maps.InfoWindow;
//Autocompletado
var input = document.getElementById('Address_Components');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete = new google.maps.places.Autocomplete(input, { componentRestrictions: { 'country': 'ar' } });
//Mapa
var map = new google.maps.Map(document.getElementById("map_Consultorio"), mapaconfiguracion);
google.maps.event.addListener(autocomplete, 'place_changed', function () {
console.log(autocomplete);
var place = autocomplete.getPlace();
console.log(place);
console.log(place.geometry.location);
console.log(place.geometry.location.lat(), place.geometry.location.lng());
AgregarUbicacionActualAlMapa(place.geometry.location.lat(), place.geometry.location.lng())
///AgregarUbicacionActualAlMapa(place.geometry.location.lat(), place.geometry.location.lng())
geocodeLatLng(geocoder, map, infowindow);
});
function AgregarUbicacionActualAlMapa(lat, lng) {
var posicionactual = new google.maps.LatLng(lat, lng);
$(".latitud").val(lat);
$(".longitud").val(lng);
map.setZoom(16);
map.setCenter(posicionactual);
marker.setTitle("Mi consultorio");
marker.setPosition(posicionactual);
marker.setMap(map);
}
function geocodeLatLng(geocoder, map, infowindow) {
lat = $(".latitud").val();
lng = $(".longitud").val();
if (lat !== null && lat !== '' && lng !== null && lng !== '') {
var latlng = { lat: parseFloat(lat), lng: parseFloat(lng) };
geocoder.geocode({ 'location': latlng }, function (results, status) {
if (status === 'OK') {
if (results[0]) {
map.setZoom(16);
map.setCenter(latlng);
marker.setTitle("Mi consultorio");
CargarParcial_DatosDeUbicacion({ lat: lat, lng: lng });
} else {
window.alert('No results found');
}
} else {
window.alert('Geocoder failed due to: ' + status);
}
});
}
else {
window.alert('Primero seleccione su ubicación en el mapa con el marcador.');
}
}
el autocompletado funciona perfectamente:
sin embargo no me devuelve la latitud y longitud correcta(esa latitud y longitud me lleva a otra ubicacion que no tiene nada que ver ):
el marcador cae en la siguiente ubicacion(la cual es amenabar 1900 y no la direccion de sucre 3891)
¿Alguien me puede hechar una mano?
mapOptions
que se define en la nueva instancia del mapa o consetOptions
), y el componenteMarker
para el centro de tu mapa. 2) Como yo lo veo, no es que tengas las coordenadas incorrectas, es que estás trabajando con componentes de Maps que tienen distinto nivel de precisión. Haz lo siguiente: Busca la forma de ver los resultados que da geocodificar tus coordenadas obtenidas con autocomplete, a ver qué te da.