您的位置:首页 > 其它

当容器处于隐藏状态时,调用百度地图会出现bug的解决办法

2017-12-19 10:48 351 查看
<script>

$(".showmap").click(function(){

  $(this).css("display","none");

  $(".map").css("display","block");

/****(2)****/

});

</script>

<script>

var map = new BMap.Map("baidumap");

map.centerAndZoom(new BMap.Point(116.361618,40.105153),18);

map.enableScrollWheelZoom();//启用地图滚轮放大缩小

map.enableKeyboard();//启用键盘上下左右键移动地图

map.addControl(new BMap.NavigationControl());  //添加默认缩放平移控件

var point  = new BMap.Point(116.361344,40.105264);

var marker = new BMap.Marker(point);

var sContent ="<div class='map_position'><span>鸿森投资管理有限责任公司</span><div class='map_pos_bt onepoint'></div></div>";

var opts = {

  position : point,

  offset   : new BMap.Size(-12, -30)

}

var biaozu = new BMap.Label(sContent, opts);  // 创建文本标注对象]

biaozu.setStyle({border : "0"});

var content = '';

content +="<div class='map_tip pding'>";

content +="<div class='map_tip_top'>";

content +="<p class='cl'></p></div><div class='map_tip_intro'>";

content +="<p>手机:13241855185</p>";

content +="<p>邮箱:postmaster@hongsenjituan.cn</p>";

content +="<p>地址:北京市昌平区北七家镇王府街67号 鸿森集团</p>";

content +="</div></div>";

map.addOverlay(biaozu);

var infoWindow = new BMap.InfoWindow(content,{

title: "<h3 class='lt'>鸿森投资管理有限责任公司</h3>", //标题

enableAutoPan : true, //自动平移

width: 320, //宽度

height: 120, //高度

enableMessage:false});  // 创建信息窗口对象

map.openInfoWindow(infoWindow, point);//打开信息窗口

biaozu.addEventListener("click", function(){

map.openInfoWindow(infoWindow, point);

});

marker.openInfoWindow(biaozu);

/****(1)****/

<script>

解决方法:建议等待容器处于可见状态后再初始化地图。即将(1)处的代码移至(2)处即可解决。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐