亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

異步加載google map api

標簽:
JavaScript

一般来说,加载Javascript地图API只要您在页面包含一个加载API<script>标记,执行应用程序之后,加载所需的脚本就已经被下载了。不过,虽然Javascript已经被解析,您的浏览器可能不呈页面的其他内容。在大多数情况下,这种延迟并不明显,但您可能希望在加载页面完毕后加载地图API Javascript代码。您可以根据需要加载地图APIJavascript。这是很简单在页面完成后响应window.onload事件后执行页面<script>标签内代码加载地图JavaScript API,但你必须另行指示地图JavaScript API的引导行为推迟执行,直到JavaScript API完成加载后再执行您的应用程序代码。你可以在使用回调参数。这个参数作为加载函数是否执行完成的标识。

下面的代码指示应用程序完全加载页面后加载地图API(使用在window.onload),并将地图JavaScript API写入到页面的<script>标记内。此外,我们指示该API在完全加载完成后再回调执行初始化函数。

function initialize() {    var myLatlng = new google.maps.LatLng(-34.397, 150.644);    var myOptions = {      zoom: 8,      center: myLatlng,      mapTypeId: google.maps.MapTypeId.ROADMAP    }    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);  }      function loadScript() {    var script = document.createElement("script");    script.type = "text/javascript";    script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";    document.body.appendChild(script);  }      window.onload = loadScript;

 

map-simple-async.html

點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消