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

 

<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)处即可解决。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值