var map = new BMap.Map("allmap"); // 创建地图实例
var point = new BMap.Point(116.404, 39.915); // 创建点坐标
map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
var height = $(window).height();
$("#conheight").css("marginTop", -150); //控制台高
$("#allmap").css("height", height - 95); //地图高度
$("#content-height").css("height", height - 44);
$("#ontheway").css("height", height - 190);
代码如上：双指缩放的时候，中心点偏移
3 个回复
Chillo (作者)
求大神指导
Chillo (作者)
百度地图的双指缩放在mui-scroll的页面中失效，具体是放在第一个子页面中正常，第二个页面就不正常了
<div id="type" class="mui-content" >
<div id="slider" class="mui-slider mui-fullscreen">
<div id="sliderSegmentedControl" style="background-color: white;margin-top: 16px;" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" >
<div class="mui-scroll" style="width: 100%;">
<a class="mui-control-item " style="float: left;" href="#item1mobile">
在途工单
</a>
<a class="mui-control-item mui-active" style="" href="#item2mobile">
概览
</a>
<a class="mui-control-item" style="float: right;" href="#item3mobile">
实时告警
</a>
</div>
</div>
<div class="mui-slider-group">
<div id="item1mobile" class="mui-slider-item mui-control-content"style="margin-top:38px">
<div class="mapboxone">
<div class="boxmap">
<a>当前所有工单</a>
<a class="mapnumfont">94</a>
</div>
<div class="boxmap">
<a>超时工单</a>
<a class="mapnumfont">10</a>
</div>
</div>
<div id="scroll1" class="mui-scroll-wrapper" style="margin-top:70px;width: 90%;margin-left: 5%;border-radius: 20px;">
<div class="mui-scroll">
<ul class="mui-table-view">
部分代码
6***@qq.com
同上。我也发现了。缩放后marker不会偏移，但是折线与圆等线状覆盖物会遗留原来的图形形状与位置。当地图拖拽后就恢复了。。。正在研究有啥解决办法。