js 百度地图缩放位置偏移问题

JavaScript012

js 百度地图缩放位置偏移问题,第1张

问题原理：百度地图的缩放是基于body层的，如果body层有滚动条，并且不在最顶端，在当前位置插入了百度地图，也就是出现该问题时的状态，这个时候滚轮缩放就会产生偏移。

解决办法：当地图加载的时候执行

$(window).scrollTop(0)

也就是将父元素滚动到页面最顶端

以百度地图为例：

先申请百度地图API的Key值，页面引入API

<script src="http://api.map.baidu.com/api?v=2.0&ak=你申请的key值"></script>

<script type="text/javascript">

var map = new BMap.Map("mapcontainer")

map.centerAndZoom("菏泽", 12)

</script>

获取到的地图如下：