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>
- 注意:
- 地图一定要加高度
- 1.2以上要有ak,自己去百度地图申请,1.4以及以前不需要