Google Maps a été bloqué par le pare-feu en Chine, vous n'avez donc pas besoin de citer directement l'API Google Maps sous le nom de domaine http://maps.googleapis.com/maps/api/js?sensor=false&language=en, mais modifiez-le en http://maps.google.cn/maps/api/js?Sensor=false Add. Le nom de domaine de Google.cn en Chine n'a pas été bloqué et peut être utilisé.
Remarque: Bien que Google.cn puisse être utilisé, il publiera certaines ressources référencées par JS à Google.com, ce qui entraînera un retard de rendu de carte. Ne mettez donc pas l'API Google Maps devant votre contenu, comme dans la balise de tête, mais mettez-le à la fin du contenu ou de la balise HTML End pour empêcher le contenu de votre page d'être vide et le navigateur ne peut pas afficher le contenu.
N'utilisez pas non plus l'événement Window.Onload, ou Google Maps ne s'affiche pas dans le temps, car les ressources Google.com sont chargées et les ressources Google.com sont interceptées, ce qui entraînera le dessin de Google Maps uniquement si vous savez que le délai de demande (environ 2 minutes).
Utilisez les paramètres de rappel de Google pour passer un nom de fonction de rappel, qui a été testé pour rendre Google Maps plus rapidement que l'utilisation de l'événement Window.onload.
Exemple de code:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <ititle> site quote maps solution: use google. style = "Height: 350px; width: 500px;"> </ div> </ body> <script type = "text / javascript" src = "http://maps.google.cn/maps/api/js?sensor=false&callback=renderGoogleMap"> </cript> <script type = "text / javascript"> fure RenderGoogleMap () {var geocoder = new Google.maps.GeoCoder (); geocoder.geocode ({'adresse': 'Guilin City Center Square'}, fonction (résultats, status) {if (status == google.maps.geocoderstatus.ok) {map.setCenter (résultats [0] .geometry.location);} else {alert ("geocode n'a pas réussi pour la raison suivante:" + statut);}}); var mapoptions = {zoom: 17, mapTypeid: google.maps.maptypeid.roadmap}; var map = new Google.maps.map (document.getElementById ("map_canvas"), mapOptions); } </ script> </ body> </html>