百度地图缩放滚轮，位置出现偏移

最新推荐文章于 2024-02-02 14:43:46 发布

花铛

最新推荐文章于 2024-02-02 14:43:46 发布

阅读量2.8k

点赞数 1

分类专栏：地图文章标签：百度地图地图

本文链接：https://blog.csdn.net/wsln_123456/article/details/103194881

版权

地图专栏收录该内容

16 篇文章 1 订阅

订阅专栏

向上滚动滚轮，位置向上偏移的；向下滚动滚轮，位置向下偏移。
实际测试发现，当地图容器的父元素出现滚动条的时候，就会出现上述情况。

<template>
	<div style="width:100%;height:100%;overflow-y: auto;">
        <div style="width:100%;height:1000px;margin-top:1000px;"></div>
        <div id="map" style="width:900px;height:900px;"></div>
     </div>
</template>

可以通过添加平移缩放控件来代替滚轮缩放。

// 添加平移缩放控件
          var navigationControl = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_SMALL,offset: new BMap.Size(10, 10)});
          mapModePage.addControl(navigationControl);