गूगल मैप्स पुस्तकालय लोड हो रहा है ब्लॉक पेज

Question

मैं निम्नलिखित HTML टैग का उपयोग गूगल मैप्स एपीआई लोड करने के लिए:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 

हालांकि, यह लोड हो रहा है सब कुछ HTML में नीचे है कि जब तक स्क्रिप्ट के द्वारा लोड किया जाता है ब्लॉक कर रहा है ब्राउज़र

क्या यह लोडिंग गैर-अवरुद्ध करने का कोई तरीका है?

Answer 1

हां, आप इसे असीमित रूप से लोड कर सकते हैं। दस्तावेज़ों के इस भाग को देखें: http://code.google.com/apis/maps/documentation/javascript/basics.html#Async

Answer 2

यह कोड आपको एक डिफर फ़ंक्शन देता है जो एक यूआरएल और वैकल्पिक कॉलबैक लेता है। यह पृष्ठ प्रतिपादन को अवरुद्ध किए बिना आपकी स्क्रिप्ट को असीमित रूप से लोड करता है। मैंने सुरक्षा में रखा है, इसलिए यह दो बार एक ही स्क्रिप को लोड नहीं करेगा, इसलिए आप इसे जितनी बार चाहें उतनी बार बुला सकते हैं।

defer = (function() { 
    var urls = []; 

    return function (url, callback) { 
     var inc; 

     if (url && urls.indexOf(url) === -1) { 
      inc = document.createElement('script'); 
      inc.async = true; 
      inc.src = url; 
      inc.onload = callback || function() {}; 
      document.getElementsByTagName('head')[0].appendChild(inc); 
     } 
    } 
}()); 

defer('http://maps.google.com/maps/api/js?sensor=false'); 

यह किसी बाहरी जावास्क्रिप्ट के लिए काम करता है जो एसिंक लोडिंग में विफल नहीं होता है।