Google Maps - Les InvalidValueError: l'initialisation n'est pas une fonction
Lorsque je charge la page que mon Google Maps s'affiche, je vois toujours l'erreur suivante dans la console:
Uncaught InvalidValueError: l'initialisation n'est pas une fonction js?sensor=false&callback=initialisation:94
Lorsque vous passez la souris sur le nom de fichier, c'est le fait de montrer originaires de https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialiser
Les Cartes Google maps et la fenêtre de la carte affiche absolument parfait si et a toutes les fonctionnalités. Étrangement, je ne pouvais pas trouver tout de hits sur Google à ce sujet, ils semblent tous être d'environ setLong et setLat.
Si je change l'ordre de chargement entre les appels de l'API, et le fichier JS, le message d'erreur change entre initialise
et google
. Mais dans les deux cas, la carte continue à la charge de l'amende.
Pourquoi l'erreur est produit, et comment puis-je le résoudre correctement? Voici mon google-map.js fichier:
function initialise() {
var myLatlng = new google.maps.LatLng(51.126500, 0.257595); //Add the coordinates
var mapOptions = {
zoom: 15, //The initial zoom level when your map loads (0-20)
disableDefaultUI: true, //Disable the map UI
center: myLatlng, //Centre the Map to our coordinates variable
mapTypeId: google.maps.MapTypeId.ROADMAP, //Set the type of Map
scrollwheel: false, //Disable Mouse Scroll zooming (Essential for responsive sites!)
//All of the below are set to true by default, so simply remove if set to true:
panControl:false, //Set to false to disable
mapTypeControl:false, //Disable Map/Satellite switch
scaleControl:false, //Set to false to hide scale
streetViewControl:false, //Set to disable to hide street view
overviewMapControl:false, //Set to false to remove overview control
rotateControl:false //Set to false to disable rotate control
}
var map = new google.maps.Map(document.getElementById('map'), mapOptions); //Render our map within the empty div
var image = new google.maps.MarkerImage('/wp-content/themes/bellavou/img/marker2.png', null, null, null, new google.maps.Size(70,70)); //Create a variable for our marker image.
var marker = new google.maps.Marker({ //Set the marker
position: new google.maps.LatLng(51.125887, 0.258075), //Position marker to coordinates
icon:image, //use our image as the marker
map: map, //assign the market to our map variable
title: 'Bella Vou at The Pantiles' //Marker ALT Text
});
}
google.maps.event.addDomListener(window, 'load', initialise); //Execute our 'initialise' function once the page has loaded.
Pas sûr que vous en avez besoin, mais bon, je vais le poster...
Tout d'abord, vous définissez un rappel sur l'appel d'API
https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialise
puis vous ajoutez un écouteur google.maps.event.addDomListener(window, 'load', initialise);
qui se fait de la même. Supprimer cet auditeur ligne ou supprimer le callback=initialise
de l'appel d'API et laissez-nous savoir si cela fonctionne mieux.Yep, j'ai enlevé le
callback=initialise
de l'appel d'API, et l'erreur est supprimée. Je vous remercie pour cela, il faut ajouter une réponse lorsque vous êtes prêt!Cool que ça fonctionne. Vous êtes les bienvenus!
OriginalL'auteur Lee | 2016-07-14
Vous devez vous connecter pour publier un commentaire.
D'abord, vous définissez un rappel sur l'appel d'API:
https://maps.googleapis.com/maps/api/js?sensor=false&callback=initialise
puis vous ajoutez un écouteur
google.maps.event.addDomListener(window, 'load', initialise);
qui se fait de la même.
Vous devriez supprimer la
callback=initialise
de l'appel d'API ou mentionné ci-dessusaddDomListener
ligne à partir de votre fichier JS et cela devrait fonctionner.OriginalL'auteur MrUpsidown