J'utilise google map api v3. J'utilise wpestate real estate wordpress theme. Ceci est mon code dans le fichier modèle.
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script src="https://maps.googleapis.com/maps/api/js?
v=3.exp&sensor=false&libraries=places"></script>
<script>
var geocoder;
var map;
function initialize() {
var input = document.getElementById('address');
var options = {
componentRestrictions: {country: "in"}
};
var autocomplete = new google.maps.places.Autocomplete(input,options);
geocoder = new google.maps.Geocoder();
//var latlng = new google.maps.LatLng(18.52043030000, 73.85674369999);
var mapOptions = {
zoom: 15,
//center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
}
var map = new google.maps.Map(document.getElementById('googleMap'), mapOptions);
}
function codeAddress() {
var address = document.getElementById('address').value;
geocoder.geocode( { 'address': address}, 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);
}
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Il se déroule comme prévu, mais il y a une erreur dans la console "Vous avez inclus l'API Google Maps à plusieurs reprises sur cette page. Cela pourrait provoquer des erreurs inattendues.". En raison de cette carte ne montre pas les propriétés sur la carte.
Supprimer la première ligne:
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
Vous incluez l'API Google Maps à deux reprises.
Votre problème est que, comme d’autres l’ont découvert, le script dupliqué de Google Maps. S'il vous plaît vérifier le lien ci-dessous pour le code de travail.
http://jsbin.com/husahasu/1/edit
Pour rendre la carte vous devez spécifier son centre . Il ne restituera pas sans. Vous devez également ajouter des CSS pour vos éléments. Mettez ceci dans la tête du document.
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#googleMap { height: 100% }
</style>
Dans mon cas, j'ai inséré un lien vers la bibliothèque deux fois, dans la page d'accueil et avant la division . Je supprime tout lien et cela fonctionnera. Vous vérifiez les liens dans votre page.