当容器处于隐藏状态时,调用百度地图会出现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)处即可解决。
$(".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)处即可解决。
相关文章推荐
- 当容器处于隐藏状态时,调用百度地图会出现bug
- 在控制台和mfc平台下调用caffe库会出现的bug及解决办法
- android 当ListView滚动时自动调用 onCheckedChanged 导致CheckBox 状态不停变化 的解决办法
- android ListView/Recyclerview滚动时自动调用onCheckedChanged导致CheckBox状态混乱的解决办法
- stm32串口下载出现端口搜索不到或者一直处于连接状态的问题解决办法
- android 当ListView滚动时自动调用 onCheckedChanged 导致CheckBox 状态不停变化 的解决办法
- 使用SDL2播放视频,窗口无法移动,处于繁忙状态的解决办法
- android ListView/Recyclerview滚动时自动调用onCheckedChanged导致CheckBox状态混乱的解决办法
- AVD模拟器一直处于开机状态打不开的解决办法
- 海康摄像头视频调用出错,Jni Error(app bug): accessed stale local reference解决办法
- eclipse打开处于无响应状态解决办法
- 调用非托管dll常出现的bug及解决办法
- VMware虚拟机安装Ubuntu时报错inter vt-x处于禁止状态解决办法
- 调用非托管dll常出现的bug及解决办法
- jquery easyui Tabs 隐藏状态下 调用方法无效 的BUG
- CentOS6.5中的MySQL或者MariaDB一直处于starting状态,解决办法
- java.sql.SQLException: 当事务仍处于活动状态时,无法关闭连接。解决办法
- GIT本地代码处于detached HEAD的情况(又称游离状态)的解决办法
- Discuz!图片用hide代码隐藏设置回复或积分高于多少可见在手机版BUG一枚,附带解决办法
- <转>IE6浏览器网页文字溢出的解决办法(重复字符bug)---隐藏float对其他float造成影响