百度地图异步加载

最新推荐文章于 2024-05-15 16:37:11 发布

omyrobin2

最新推荐文章于 2024-05-15 16:37:11 发布

阅读量3.1k

点赞数

分类专栏：地图文章标签：百度地图

本文链接：https://blog.csdn.net/gh1205/article/details/52606376

版权

地图专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript API支持异步加载，您可以在引用脚本的时候添加callback参数，当脚本加载完成后callback函数会被立刻调用。请参考下面的使用示例：

- 创建地图实例 -
var mp = new BMap.Map('map');  //ID 为map

- 创建点坐标 -
var var point = new BMap.Point(116.404, 39.915);

- 初始化地图，设置中心点坐标和地图级别 -
mp.centerAndZoom(point, 15);

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8"/>  
<title>异步加载</title>  
<script type="text/javascript">  
function initialize() {  
    var mp = new BMap.Map('map'); 
    var var point = new BMap.Point(116.404, 39.915);
    mp.centerAndZoom(point, 15);   
}  

function loadScript() {  
  var script = document.createElement("script");  
  script.src = "http://api.map.baidu.com/api?v=2.0&ak=您的密钥&callback=initialize";//此为v2.0版本的引用方式  
  // http://api.map.baidu.com/api?v=1.4&ak=您的密钥&callback=initialize"; //此为v1.4版本及以前版本的引用方式  
  document.body.appendChild(script);  
}  

window.onload = loadScript;  
</script>  
</head>  
<body>  
  <div id="map" style="width:500px;height:320px"></div>  
</body>  
</html>