首页 > 解决方案 > Mapboxgl map.on('click') 事件禁用双击缩放

问题描述

我在角度使用 Mapboxgl,我有这个代码,一切都很好:


map!: mapboxgl.Map;
loadMap()
{
   (Mapboxgl as any).accessToken = environment.mapBoxKey;
   this.map = new Mapboxgl.Map({
      container: 'map-box', // container id
      style: 'mapbox://styles/mapbox/streets-v11',
      center: [5, 51], // starting position
      zoom: 5 // starting zoom
    });
}

当我向地图添加“点击”事件时,双击缩放不起作用。这是“点击”事件代码:


this.map.on('click', (e) =>{
      if(this.marker != null){
        this.marker.remove();
      }
      //creatMarker(e.lngLat.lng, e.lngLat.lat);
    });

如何解决这个问题?

标签: javascriptangularmapbox-gl-js

解决方案


对于双击使用dblclick insted of click


推荐阅读