vue项目记录-高德地图2.0-修改原生事件

产品觉得双击放大层级要大一点,要根据当前层级调整,而原生的点击双击是固定层级的,等等类似情况。。。

以双击事件为例,(滚轮事件想要实现类似原生的效果还没想好怎么写)

1.关闭原生事件

在地图初始化时关闭原生事件:

doubleClickZoom: false

2.修改事件

// 修改双击事件的放大/缩小层级
      this.map.on('dblclick', e => {
        if (this.map.getZoom() < 4) {
          this.map.setZoomAndCenter(4, e.lnglat, false, 500)
        } else if (this.map.getZoom() < 8) {
          this.map.setZoomAndCenter(8, e.lnglat, false, 500)
        } else {
          this.map.setZoomAndCenter(
            this.map.getZoom() + 2,
            e.lnglat,
            false,
            500
          )
        }
      })
posted @ 2021-12-21 15:22  ATK无限大  阅读(118)  评论(0)    收藏  举报