百度地图：一个页面多个地图，只显示一个地图的解决办法

来源：互联网发布：java path成功检验编辑：程序博客网时间：2024/05/21 10:36

资源引入：<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=yourakcode"></script>

 function initBmap() {  $("#dcViewMapContainer")    .html(      '<div  id="dcViewMap" style="min-width:100%;min-height:25em;display:block;"></div>');  var dcViewMap = new BMap.Map("dcViewMap"); // 创建Map实例  var point = new BMap.Point(${dc.nlongitude}, ${dc.nlatitude});  dcViewMap.centerAndZoom(point, 13); // 初始化地图,用城市名设置地图中心点  dcViewMap.addControl(new BMap.MapTypeControl()); //添加地图类型控件  dcViewMap.enableScrollWheelZoom(true); //开启鼠标滚轮缩放  var marker = new BMap.Marker(point); // 创建标注  dcViewMap.addOverlay(marker); // 将标注添加到地图中  marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画 } $(document).ready(function() {       setTimeout("initBmap()", 200);//如果不延时200，二次载入时会不正常，这一句至关重要。 });

0 0