Non interceptée Erreur de Référence: google n'est pas défini

J'ai vu une dizaine de questions portant le même titre & le problème. Après être passé par tous ces problèmes & faire des changements dans le code, je n'étais pas en mesure de résoudre ce problème.

Mon Google map fonctionne très bien. Mais dans la console, cette erreur est affiché. Quelqu'un peut-il svp m'aider à comprendre ce problème.

J'ai précisé code JavaScript à l'intérieur de la balise head

 <script>
function loadScript()
{
var myKey = "__API-Key__";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.googleapis.com/maps/api/js?key="+myKey+"&sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
<script>
function initialize()
{
var laa=-34.397;
var lonn= 150.644;
var mapOptions =
{
zoom: 7,
center: new google.maps.LatLng(laa, lonn),
mapTypeId: google.maps.MapTypeId.ROADMAP,
maxZoom: 8,
minZoom:2
};
var map = new google.maps.Map(document.getElementById('location-canvas'),
mapOptions);
var marker = new google.maps.Marker({
map: map,
draggable: false,
position: new google.maps.LatLng(laa, lonn)
});
function bind(eventName)
{
google.maps.event.addListener(map, eventName, function ()
{
common();
});
}
bind('zoom_changed');
bind('center_changed');
bind('tilesloaded');
bind('idle');
function common()
{
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var getcentre=bounds.getCenter();
var ne = map.getBounds().getNorthEast();
var sw = map.getBounds().getSouthWest();
var zoom=map.getZoom();
var centre_lat=getcentre.lat();
var centre_long=getcentre.lng();
var myLatlng=new google.maps.LatLng(centre_lat,centre_long);
var mapProp =
{
center: new google.maps.LatLng(centre_lat,centre_long),
zoom:zoom,
maxZoom: 8,
minZoom:2,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
}
}
google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);
</script>

À l'intérieur du Corps de la balise:

            <div id='location-canvas' style='width:100%;height:500px;'>
</div>

qu'est-ce que l'erreur sur console?
ne vous inquiétez pas..c'est une fausse clé API. il n'a pas d'importance
"ReferenceError: google n'est pas défini" & il pointe à la dernière deux ligne de code js. Même si j'ai fait un commentaire, erreur reste. @Ravi
Je ne pense pas que vous avez besoin loadScript() fonction, vous pouvez faire quelque chose comme cela, Créer une Base de Google Map. Et aussi, si vous appelez loadScript après initialize() fonction, votre appel sera certainement un échec. Donc, avant d'appeler google méthodes assurez-vous de ne lien de la Maps APi.
L'ordre, les scripts sont chargés n'est pas mal non plus. Il ne devrait supprimer la fenêtre de chargement/redimensionner les auditeurs afin de se débarrasser de l'erreur, qui, je pense, est ce que l'OP a demandé.

OriginalL'auteur | 2014-10-13

Vous N'avez pas besoin d'inclure soufflet deux lignes parce que vous avez déjà définir une fonction de rappel avec http://maps.googleapis.com/maps/api/js?key="+myKey+"&sensor=false&callback=initialize

Donc soit utiliser

<script src="http://maps.googleapis.com/maps/api/js?key="+__API-Key__+"&sensor=false" type="text/javascript"></script>

Sans appel de fonction, de le mettre directement sur le document

ou Supprimer

   google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);

e.g:

<script src="http://maps.googleapis.com/maps/api/js?key="+__API-Key__+"&sensor=false"></script>
<script>
function initialize()
{
var laa=-34.397;
var lonn= 150.644;
var mapOptions =
{
zoom: 7,
center: new google.maps.LatLng(laa, lonn),
mapTypeId: google.maps.MapTypeId.ROADMAP,
maxZoom: 8,
minZoom:2
};
var map = new google.maps.Map(document.getElementById('location-canvas'),
mapOptions);
var marker = new google.maps.Marker({
map: map,
draggable: false,
position: new google.maps.LatLng(laa, lonn)
});
function bind(eventName)
{
google.maps.event.addListener(map, eventName, function ()
{
common();
});
}
bind('zoom_changed');
bind('center_changed');
bind('tilesloaded');
bind('idle');
function common()
{
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var getcentre=bounds.getCenter();
var ne = map.getBounds().getNorthEast();
var sw = map.getBounds().getSouthWest();
var zoom=map.getZoom();
var centre_lat=getcentre.lat();
var centre_long=getcentre.lng();
var myLatlng=new google.maps.LatLng(centre_lat,centre_long);
var mapProp =
{
center: new google.maps.LatLng(centre_lat,centre_long),
zoom:zoom,
maxZoom: 8,
minZoom:2,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
}
}
google.maps.event.addDomListener(window, 'resize', initialize);
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id='location-canvas' style='width:100%;height:500px;'>
</div>

Cela devrait fonctionner.

OriginalL'auteur Santi

Vous devez vous connecter pour publier un commentaire.