百度地图如何在页面添加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; //异步加载地图