Avoir un Google Map V3, Impossible de mettre à jour Map.SetCenter à partir de l'entrée utilisateur
-
29-10-2019 - |
Question
Je suis nouveau dans ce domaine, mais j'ai une carte Google V3 qui se charge à partir des informations sur le géocode du navigateur W3C de l'utilisateur, et je tire le pays, l'état et la ville à partir de l'objet Geocode et de mettre à jour les boîtes d'entrée. Si l'utilisateur entre dans une adresse de rue, je souhaite le géocoder via Google et modifier la carte.setCenter et Setzoom, et afficher la carte mise à jour. Lorsque cela fonctionne, je veux ajouter un marqueur et un infoindow. Malgré des heures de recherche et d'essais, je ne peux pas faire fonctionner le géocode et la mise à jour. L'outil de développeur dans Chrome semble indiquer que l'exécution cesse / échoue sur la ligne GeoCoder.Geocode qui est indiquée en gras ci-dessous. Voici le code pertinent.
var map, geocoder, marker, infowindow; //global variables
function initializeMap() {
// Try W3C Geolocation to geolocate desktop user
//initialize Google map, geolocate desktop user, and display after page loads
//find country, state, and city for the user's location - this all works
}
window.onload = initializeMap;
//change the Google Map after a user enters a street address
$("#streetAddress").blur(function() {
//if state, city and street address locations are present
if ( $(this).val().length > 0 && $("#state").val().length > 0 && $("#city3").val().length > 0 ) {
var gAddress = [$(this).val() + ", " + $("#city3").val() + ", " + $("#state").val()] ;
//get coordinates of this address
//if no geocode object exists, create one
if (!geocoder) {
geocoder = new google.maps.Geocoder(); //create Geocoder object else use existing one from initializeMap() ?
}
//create a GeocoderRequest object with user's street address
var geoCoderRequest = {address: gAddress}
//make a Geocoder request
geocoder.geocode( geoCoderRequest, function(results, status) { **//this line fails**
//check if status is OK
if ( status === google.maps.GeocoderStatus.OK) {
//update center of existing map on location returned for this address
map.setCenter(results[0].geometry.location);
map.setZoom(14);
}
});
} else {
return; //no action if gAddress is incomplete
}
});
Pas de solution correcte