تم حظر خرائط Google بواسطة جدار الحماية الصيني ، لذلك لا تحتاج إلى اقتباس واجهة برمجة تطبيقات Google Maps مباشرةً تحت اسم المجال http://maps.googleapis.com/maps/api/js؟sensor=false&language=en ، لكن قم بتغييره إلى http://maps.google.cn/maps/api/js؟ لم يتم حظر اسم مجال Google.cn في الصين ويمكن استخدامه.
ملاحظة: على الرغم من أنه يمكن استخدام google.cn ، إلا أنه سيؤدي إلى إخراج بعض الموارد المشار إليها من قبل JS إلى Google.com ، مما يؤدي إلى تأخر عرض MAP. لذلك لا تضع واجهة برمجة تطبيقات خرائط Google أمام المحتوى الخاص بك ، كما هو الحال في علامة الرأس ، ولكن ضعها في نهاية المحتوى أو علامة نهاية HTML لمنع محتوى صفحتك من أن تكون فارغة ولا يمكن للمتصفح عرض المحتوى.
لا تستخدم حدث Window.onload للرسم ، أو أو أو يتم عرض خرائط Google في الوقت المناسب ، نظرًا لأن Google.com يتم تحميل موارد موقع google.com ، ويتم اعتراض موارد Google.com ، مما سيؤدي إلى رسم خرائط Google فقط إذا كنت تعرف أن مهلة الطلب (حوالي دقيقتين).
استخدم معلمات رد الاتصال من Google لتمرير اسم وظيفة رد الاتصال ، والذي تم اختباره لجعل خرائط Google أسرع من استخدام حدث Window.onload.
نموذج الرمز:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3 xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> اقتباس موقع Google. style = "الارتفاع: 350px ؛ العرض: 500px ؛"> </div> </body> <script type = "text/javaScript" src = "http://maps.google.cn/maps/api/js؟sensor=false&callback=rendergoglemap RenderGoOgleMap () {var geocoder = new Google.Maps.geocoder () ؛ geocoder.geocode ({'address': 'Guilin City Center Square'} ، الوظيفة (النتائج ، الحالة) {if (status == google.maps.geocoderstatus.ok) {map.setCenter (النتائج [0]. var mapoptions = {Zoom: 17 ، maptypeid: google.maps.maptypeid.roadmap} ؛ var map = new Google.maps.map (document.getElementById ("map_canvas") ، mapoptions) ؛ } </script> </body> </html>