百度地图，事件属性大全（Vue Baidu Map事件，vue百度地图事件）

青旅半醒 2023-10-02 23:53 31阅读 0赞

#### 事件： ####

<table> 
 <thead> 
  <tr> 
   <th>事件名称</th> 
   <th>参数类型</th> 
   <th>描述信息</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>click</td> 
   <td>{type, target, point, pixel, overlay}</td> 
   <td>左键单击地图时触发此事件。 当双击时，产生的事件序列为： click click dblclick</td> 
  </tr> 
  <tr> 
   <td>dblclick</td> 
   <td>{type, target, pixel, point}</td> 
   <td>鼠标双击地图时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>rightclick</td> 
   <td>{type, target, point, pixel, overlay}</td> 
   <td>右键单击地图时触发此事件。 当双击时，产生的事件序列为： rightclick rightclick rightdblclick</td> 
  </tr> 
  <tr> 
   <td>rightdblclick</td> 
   <td>{type, target, point, pixel, overlay}</td> 
   <td>右键双击地图时触发此事件</td> 
  </tr> 
  <tr> 
   <td>maptypechange</td> 
   <td>{type, target}</td> 
   <td>地图类型发生变化时触发此事件</td> 
  </tr> 
  <tr> 
   <td>mousemove</td> 
   <td>{type, target, point, pixel, overlay}</td> 
   <td>鼠标在地图区域移动过程中触发此事件</td> 
  </tr> 
  <tr> 
   <td>mouseover</td> 
   <td>{type, target}</td> 
   <td>鼠标移入地图区域时触发此事件</td> 
  </tr> 
  <tr> 
   <td>mouseout</td> 
   <td>{type, target}</td> 
   <td>鼠标移出地图区域时触发此事件</td> 
  </tr> 
  <tr> 
   <td>movestart</td> 
   <td>{type, target}</td> 
   <td>地图移动开始时触发此事件</td> 
  </tr> 
  <tr> 
   <td>moving</td> 
   <td>{type, target}</td> 
   <td>地图移动过程中触发此事件</td> 
  </tr> 
  <tr> 
   <td>moveend</td> 
   <td>{type, target}</td> 
   <td>地图移动结束时触发此事件</td> 
  </tr> 
  <tr> 
   <td>zoomstart</td> 
   <td>{type, target}</td> 
   <td>地图更改缩放级别开始时触发触发此事件</td> 
  </tr> 
  <tr> 
   <td>zoomend</td> 
   <td>{type, target}</td> 
   <td>地图更改缩放级别结束时触发触发此事件</td> 
  </tr> 
  <tr> 
   <td>addoverlay</td> 
   <td>{type, target}</td> 
   <td>当使用Map.addOverlay()方法向地图中添加单个覆盖物时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>addcontrol</td> 
   <td>{type, target}</td> 
   <td>当使用Map.addControl()方法向地图中添加单个控件时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>removecontrol</td> 
   <td>{type, target}</td> 
   <td>当使用Map.removeControl()方法移除单个控件时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>removeoverlay</td> 
   <td>{type, target}</td> 
   <td>当使用Map.removeOverlay()方法移除单个覆盖物时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>clearoverlays</td> 
   <td>{type, target}</td> 
   <td>当使用Map.clearOverlays()方法一次性移除全部覆盖物时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>dragstart</td> 
   <td>{type, target, pixel, point}</td> 
   <td>开始拖拽地图时触发</td> 
  </tr> 
  <tr> 
   <td>dragging</td> 
   <td>{type, target, pixel, point}</td> 
   <td>拖拽地图过程中触发</td> 
  </tr> 
  <tr> 
   <td>dragend</td> 
   <td>{type, target, pixel, point}</td> 
   <td>停止拖拽地图时触发</td> 
  </tr> 
  <tr> 
   <td>addtilelayer</td> 
   <td>{type, target}</td> 
   <td>添加一个自定义地图图层时触发此事件</td> 
  </tr> 
  <tr> 
   <td>removetilelayer</td> 
   <td>{type, target}</td> 
   <td>移除一个自定义地图图层时触发此事件</td> 
  </tr> 
  <tr> 
   <td>load</td> 
   <td>{type, target, pixel, point, zoom}</td> 
   <td>调用Map.centerAndZoom()方法时会触发此事件。这表示位置、缩放层级已经确定，但可能还在载入地图图块</td> 
  </tr> 
  <tr> 
   <td>resize</td> 
   <td>{type, target, size}</td> 
   <td>地图可视区域大小发生变化时会触发此事件</td> 
  </tr> 
  <tr> 
   <td>hotspotclick</td> 
   <td>{type, target, spots}</td> 
   <td>点击热区时触发此事件</td> 
  </tr> 
  <tr> 
   <td>hotspotover</td> 
   <td>{type, target, spots}</td> 
   <td>鼠标移至热区时触发此事件</td> 
  </tr> 
  <tr> 
   <td>hotspotout</td> 
   <td>{type, target, spots}</td> 
   <td>鼠标移出热区时触发此事件</td> 
  </tr> 
  <tr> 
   <td>tilesloaded</td> 
   <td>{type, target}</td> 
   <td>当地图所有图块完成加载时触发此事件</td> 
  </tr> 
  <tr> 
   <td>touchstart</td> 
   <td>{type, target, point,pixel}</td> 
   <td>触摸开始时触发此事件，仅适用移动设备</td> 
  </tr> 
  <tr> 
   <td>touchmove</td> 
   <td>{type, target, point,pixel}</td> 
   <td>触摸移动时触发此事件，仅适用移动设备</td> 
  </tr> 
  <tr> 
   <td>touchend</td> 
   <td>{type, target, point,pixel}</td> 
   <td>触摸结束时触发此事件，仅适用移动设备</td> 
  </tr> 
  <tr> 
   <td>longpress</td> 
   <td>{type, target, point,pixel}</td> 
   <td>长按事件，仅适用移动设备</td> 
  </tr> 
 </tbody> 
</table>

#### 详见更多： ####

[百度地图容器详细文档![icon-default.png_t_M85B][]https://dafrok.github.io/vue-baidu-map/\#/zh/map/baidu-map][icon-default.png_t_M85B_https_dafrok.github.io_vue-baidu-map_zh_map_baidu-map]

[icon-default.png_t_M85B]: https://csdnimg.cn/release/blog_editor_html/release2.2.0/ckeditor/plugins/CsdnLink/icons/icon-default.png?t=M85B
[icon-default.png_t_M85B_https_dafrok.github.io_vue-baidu-map_zh_map_baidu-map]: https://dafrok.github.io/vue-baidu-map/#/zh/map/baidu-map