欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

百度地图异步加载如何添加2个以上的地图

(元素模板) / 2022-09-21 13:23

百度地图如何在页面添加2个以上地图
代码如下,采用的是异步加载方法,比较简洁
 

//百度地图API功能
function loadJScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://api.map.baidu.com/api?v=2.0&ak=密钥&callback=init";
document.body.appendChild(script);
}
function init() {
var map = new BMap.Map("allmap1");            // 创建Map实例
var point = new BMap.Point({eyou:global name='web_attr_7' /}); // 创建点坐标
map.centerAndZoom(point,15);                 
map.enableScrollWheelZoom();                 //启用滚轮放大缩小
        var marker = new BMap.Marker(point);  // 创建标注
map.addOverlay(marker);              // 将标注添加到地图中
map.centerAndZoom(point, 15);
var opts = {
  width : 200,     // 信息窗口宽度
  height: 100,     // 信息窗口高度
  title : " " , // 信息窗口标题
  
  message:" "
}


var map2 = new BMap.Map("allmap2");            // 创建Map实例
var point2 = new BMap.Point({eyou:global name='web_attr_7' /}); // 创建点坐标
map2.centerAndZoom(point,15);                 
map2.enableScrollWheelZoom();                 //启用滚轮放大缩小
        var marker2 = new BMap.Marker(point2);  // 创建标注
map2.addOverlay(marker2);              // 将标注添加到地图中
map2.centerAndZoom(point, 15);
 

}  
    
window.onload = loadJScript;  //异步加载地图
 
 
Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com