import { DoubleClickZoom } from "ol/interaction";
/**
* DoubleClickZoom 双击放大事件
* 绘制前删除 绘制后添加 利用时间差来避免绘制结束后双击放大地图
*/
const dblClickInteraction = this.mapdraw
.getInteractions()
.getArray()
.find(interaction => {
return interaction instanceof DoubleClickZoom;
});
this.draw.on("drawstart", () => {
// 删除默认的双击事件
this.mapdraw.removeInteraction(dblClickInteraction);
});
this.draw.on("drawend", e => {
setTimeout(() => {
this.mapdraw.addInteraction(dblClickInteraction);
}, 100);
console.log(e);
});
openlayers6 vue 解决绘制双击结束放大地图
最新推荐文章于 2024-05-17 13:52:13 发布