map组件添加polygons多边形后@regionchange事件失效（在多边形上拖拽地图）
多边形以外地方拖拽地图没有问题，可以触发regionchange事件
啷个
- 发布：2023-08-23 14:39
- 更新：2024-03-07 15:43
- 阅读：284
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 版本 Windows 11 家庭中文版 版本 22H2 安装日期 2022/9/23 操作系统版本 22621.1555 体验 Windows Feature Experience Pack 1000.22640.1000.0
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
浏览器平台： Chrome
浏览器版本： 115.0.5790.171
项目创建方式： HBuilderX
操作步骤：
预期结果：
map组件添加polygons多边形后@regionchange事件失效（在多边形上拖拽地图）
多边形以外地方拖拽地图没有问题，可以触发regionchange事件
map组件添加polygons多边形后@regionchange事件失效（在多边形上拖拽地图）
多边形以外地方拖拽地图没有问题，可以触发regionchange事件
实际结果：
map组件添加polygons多边形后@regionchange事件失效（在多边形上拖拽地图）
多边形以外地方拖拽地图没有问题，可以触发regionchange事件
map组件添加polygons多边形后@regionchange事件失效（在多边形上拖拽地图）
多边形以外地方拖拽地图没有问题，可以触发regionchange事件
bug描述：
map组件添加polygons多边形后@regionchange事件失效（在多边形上拖拽地图）
多边形以外地方拖拽地图没有问题，可以触发regionchange事件
5 个回复
s***@qq.com
几个月了还不解决，又要石沉大海了吗？
DCloud_UNI_LXH
提供一个示例看看
s***@qq.com
scale="11"
@regionchange="handleRegionChange"
style="width: 100%;height: 70vh"
>
</map>
<view>地图中心点经纬度:{{ content }}</view>
</view>
</template>
<script>
export default {
data() {
return {
longitude: 116.404269,
latitude: 39.915046,
polygons: [
{
"points":[
{"latitude":39.987393,"longitude":116.29101},
{"latitude":40.005965,"longitude":116.507179},
{"latitude":39.827108,"longitude":116.511778},
{"latitude":39.848383,"longitude":116.232369}
],
"price":0,
"strokeWidth":2,
"strokeColor":"#ff4fad",
"fillColor":"#ff4fad20",
"zIndex":0,
}
],
content: ''
}
},
methods: {
handleRegionChange(e) {
if (e.type == 'end') {
this.content = JSON.stringify(e.detail.centerLocation)
}
}
}
}
</script>
2024-03-02 15:43
s***@qq.com
regionchange事件只要在手指拖动圈外才会触发，手指在圈内滑动没有效果。测试平台：edge、google、微信h5
2024-03-02 15:46
s***@qq.com
https://img.hnxzkj.cn/uniapp/static/video/20240307_110523.mp4
2024-03-07 11:13
YUANRJ
什么地图？我这里使用腾讯地图测试是可以的。
s***@qq.com
高德地图
2024-03-07 11:00
s***@qq.com
https://img.hnxzkj.cn/uniapp/static/video/20240307_110523.mp4
演示视频
2024-03-07 11:21
s***@qq.com
https://img.hnxzkj.cn/uniapp/static/video/20240307_110523.mp4
演示视频
YUANRJ
感谢反馈，经排查此问题是高德地图底层不支持，在polygon内拖拽地图没有触发对应的拖拽事件，导致regionchange事件失效，后续会补充文档说明。