Google Maps ถูกบล็อกโดย Firewall จีนดังนั้นคุณไม่จำเป็นต้องอ้างถึง Google Maps API โดยตรงภายใต้ชื่อโดเมน http://maps.googleapis.com/maps/api/js?sensor=false&language=en ชื่อโดเมนของ Google.CN ในประเทศจีนยังไม่ได้ถูกบล็อกและสามารถใช้งานได้
หมายเหตุ: แม้ว่า Google.CN สามารถใช้งานได้ แต่จะส่งออกทรัพยากรบางอย่างที่อ้างอิงโดย JS ไปยัง google.com ส่งผลให้เกิดการเรนเดอร์แผนที่ล่าช้า ดังนั้นอย่าใส่ Google Maps API ไว้ด้านหน้าเนื้อหาของคุณเช่นในแท็กหัว แต่วางไว้ที่ส่วนท้ายของเนื้อหาหรือแท็ก HTML End เพื่อป้องกันไม่ให้เนื้อหาหน้าเว็บว่างเปล่าและเบราว์เซอร์ไม่สามารถแสดงเนื้อหาได้
อย่าใช้เหตุการณ์ Window.onload เพื่อวาดหรือไม่หรือ Google Maps จะไม่ปรากฏขึ้นในเวลาเนื่องจากทรัพยากรของ Google.com ถูกโหลดและทรัพยากร Google.com จะถูกสกัดกั้นซึ่งจะทำให้ Google Maps ถูกวาดเฉพาะในกรณีที่คุณรู้ว่าการหมดเวลาการร้องขอ (ประมาณ 2 นาที)
ใช้พารามิเตอร์การโทรกลับของ Google เพื่อส่งชื่อฟังก์ชั่นการโทรกลับซึ่งได้รับการทดสอบเพื่อแสดงผล Google แผนที่เร็วกว่าการใช้งาน Window.onload
รหัสตัวอย่าง:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"/> <title> เว็บไซต์ style = "ความสูง: 350px; ความกว้าง: 500px;"> </div> </body> <script type = "text/javascript" src = "http://maps.google.cn/maps/api/js?sensor=false&callback RenderGoogleMap () {var geocoder = ใหม่ google.maps.geocoder (); geocoder.geocode ({'ที่อยู่': 'Guilin City Center Square'}, ฟังก์ชั่น (ผลลัพธ์, สถานะ) {ถ้า (สถานะ == google.maps.geocoderstatus.ok) {map.setCenter (ผลลัพธ์ [0] .Geometry.location); var mapoptions = {ซูม: 17, maptypeId: google.maps.maptypeid.roadmap}; var map = ใหม่ google.maps.map (document.getElementById ("MAP_CANVAS"), MapOptions); } </script> </body> </html>