Come implementare google maps api3 in un file js esterno? - javascript, google-maps, google-maps-api-3

Ho incluso uno script di google maps nel mio jsp: src="http://maps.googleapis.com/maps/api/js?sensor=true"

E ora sto cercando di creare una mappa usando questo script in un altro file js esterno

var mapOptions = {
center : new google.maps.LatLng(centerLat,centerLong),
zoom : 11,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);

Quando stavo cercando di eccitarlo ottenendo un errore js "google non definito". Esiste un'altra possibilità per implementare google maps api3 in un file js esterno?

risposte:

Molto probabilmente il tuo codice sta provando a essere eseguito prima che l'API di Google Maps sia completamente inizializzata. è meglio provare a conservare l'esecuzione fino a quando l'API delle mappe non è completamente caricata.

1- Assicurati di fare riferimento allo script di Google Maps prima del tuo file personalizzato. 2- prova a conservare l'esecuzione usando document.load o usando jQuery "s document.ready ().

fatemi sapere cosa è successo dopo aver applicato i consigli citati.