MapEventMap

地图事件名称到事件对象类型的完整映射表。与 Map.addEventListener 配合使用，可获得精确的事件参数类型推导。

示例代码1

map.addEventListener('click', (e) => {
  console.log(e.point, e.pixel, e.overlay);
});

map.addEventListener('dragend', (e) => {
  console.log(e.point, e.pixel);
});

map.addEventListener('resize', (e) => {
  console.log(e.size);
});

interface MapEventMap {
    addcontextmenu: MapContextMenuEvent;
    addcontrol: MapControlEvent;
    addoverlay: MapOverlayEvent;
    beforeaddoverlay: MapOverlayEvent;
    clearoverlays: MapBaseEvent;
    click: MapMouseEvent;
    dblclick: MapMouseEvent;
    dragend: MapDragEvent;
    dragging: MapDragEvent;
    dragstart: MapDragEvent;
    language_change: MapBaseEvent;
    maptypechange: MapTypeChangeEvent;
    mousedown: MapMouseEvent;
    mousemove: MapMouseEvent;
    mouseout: MapBaseEvent;
    mouseover: MapBaseEvent;
    mouseup: MapMouseEvent;
    moveend: MapBaseEvent;
    movestart: MapBaseEvent;
    moving: MapBaseEvent;
    removecontextmenu: MapContextMenuEvent;
    removecontrol: MapControlEvent;
    removeoverlay: MapOverlayEvent;
    resize: MapResizeEvent;
    rightclick: MapMouseEvent;
    rightdblclick: MapMouseEvent;
    style_loaded: MapBaseEvent;
    style_loaded_error: MapBaseEvent;
    style_loaded_timeout: MapBaseEvent;
    style_willchange: MapBaseEvent;
    tilesloaded: MapBaseEvent;
    zoomend: MapBaseEvent;
    zooming: MapBaseEvent;
    zoomstart: MapBaseEvent;
}

属性

#addcontextmenu: MapContextMenuEvent

通过 Map.addContextMenu() 添加右键菜单后触发

#addcontrol: MapControlEvent

通过 Map.addControl() 添加控件后触发

#addoverlay: MapOverlayEvent

通过 Map.addOverlay() 添加覆盖物后触发

#beforeaddoverlay: MapOverlayEvent

覆盖物添加前触发

#clearoverlays: MapBaseEvent

通过 Map.clearOverlays() 清空全部覆盖物后触发

#click: MapMouseEvent

左键单击地图时触发。双击时依次触发 click → click → dblclick

#dblclick: MapMouseEvent

鼠标双击地图时触发

#dragend: MapDragEvent

停止拖拽地图时触发

#dragging: MapDragEvent

拖拽地图过程中持续触发

#dragstart: MapDragEvent

开始拖拽地图时触发

#language_change: MapBaseEvent

地图显示语言变化时触发

#maptypechange: MapTypeChangeEvent

地图类型发生变化时触发

#mousedown: MapMouseEvent

鼠标按下时触发

#mousemove: MapMouseEvent

鼠标在地图区域移动时持续触发

#mouseout: MapBaseEvent

鼠标移出地图区域时触发

#mouseover: MapBaseEvent

鼠标移入地图区域时触发

#mouseup: MapMouseEvent

鼠标松开时触发

#moveend: MapBaseEvent

地图移动结束时触发

#movestart: MapBaseEvent

地图移动开始时触发

#moving: MapBaseEvent

地图移动过程中持续触发

#removecontextmenu: MapContextMenuEvent

通过 Map.removeContextMenu() 移除右键菜单后触发

#removecontrol: MapControlEvent

通过 Map.removeControl() 移除控件后触发

#removeoverlay: MapOverlayEvent

通过 Map.removeOverlay() 移除覆盖物后触发

#resize: MapResizeEvent

地图容器可视区域大小发生变化时触发

#rightclick: MapMouseEvent

右键单击地图时触发。双击时依次触发 rightclick → rightclick → rightdblclick

#rightdblclick: MapMouseEvent

右键双击地图时触发

#style_loaded: MapBaseEvent

个性化样式加载完成时触发

#style_loaded_error: MapBaseEvent

个性化样式加载失败时触发

#style_loaded_timeout: MapBaseEvent

个性化样式加载超时时触发

#style_willchange: MapBaseEvent

个性化样式即将切换时触发

#tilesloaded: MapBaseEvent

地图瓦片加载完成时触发

#zoomend: MapBaseEvent

地图完成缩放级别变化时触发

#zooming: MapBaseEvent

地图缩放过程中触发

#zoomstart: MapBaseEvent

地图开始更改缩放级别时触发