Quel script inclure pour Google Places et le géocodage

Question

Je n'arrive pas à obtenir une recherche Google Adresses ET un géocodage pour travailler ensemble sur la même page. Je pense qu'il y a un conflit dans la façon dont je charge les deux API.

J'utilise celui-ci pour charger les lieux API

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=*****************&callback=initAutocomplete&types=address" async defer></script> 

lieux recherche fonctionne très bien avec cela.

Pour géocodage, c'est la première ligne de code que je suis en train de faire travailler

geocoder = new google.maps.Geocoder(); 

Et ça marche (bien, ne jette pas une erreur) si j'inclure dans ma page:

<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script> 

Mais c'est à peu près la même URL que j'ai déjà, et l'inclure brise la recherche de lieux. Lorsque j'ai les deux scripts inclus, je reçois également un avertissement me disant que j'ai inclus plusieurs fois l'API Maps, ce qui peut causer des problèmes.

S'il vous plaît quelqu'un pourrait me montrer quel script (s) à inclure pour les deux de travailler ensemble? Je trouve les docs assez confus à ce stade pour être honnête.

Answer 1

Cela devrait fonctionner correctement avec votre premier ajout. Il contient l'API Google Maps de base plus la bibliothèque Lieux.

var initMap = function() { 
 
    var geocoder = new google.maps.Geocoder(); 
 
    geocoder.geocode({ 
 
    address: '10 Downing St, Westminster, London SW1A 2AA, UK', 
 
    }, function (results, status) { 
 
    if (status === 'OK') { 
 
     var result = results[0]; 
 
     alert('latitude: ' + result.geometry.location.lat()); 
 
    } 
 
    else { 
 
     alert('Geocode was not successful for the following reason: ' + status); 
 
    } 
 
    }); 
 
};

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initMap" async defer></script>