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 解决绘制双击结束放大地图
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 【蝴蝶效应】 蝴蝶效应:上个世纪70年代,美国一个名叫洛伦兹的气象学家在解释空气系统理论时说,亚马逊雨林一只蝴蝶...
- 百度地图双击会放大地图,但是当我单击百度地图时,需要隐藏我自定义的一些视图,但是当我添加单击手势后,百度地图的双击...
- Vue + OpenLayers 采用天地图,绘制,测距,测面,添加标注git地址:https://github....