Avoir un Google Map V3, Impossible de mettre à jour Map.SetCenter à partir de l'entrée utilisateur

StackOverflow https://stackoverflow.com/questions/8901242

  •  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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top