MapGIS Web App Framework

# 标注

提供更高级的标注能力，关键是要传入符合规范的 marker 数据。

{
  markerId,      // id
  coordinates,   // 中心点 [x, y]
  img,           // 图标，支持base64
  properties:    // 属性集合，可在popup中进行展示，同GeoJSON要素的properties,
  feature        // 附属GeoJSON 要素，hover标注时可高亮图形
}

# 代码演示

<template>
  <mp-marker-pro :marker="..." />
  <mp-3d-marker-pro :marker="..." />

  <mp-marker-set-pro :markers="..." />
  <mp-3d-marker-set-pro :markers="..." />
</template>

# API

# MpMarkerPro

# 属性

参数 说明 类型 可选值 默认值 版本
marker 标注 object
anchor 锚点位置 string bottom
fieldConfigs 字段配置，描述如何展示标注的属性信息 array
defaultShowPopup 是否默认显示弹框 boolean false
popupAnchor 弹框位置，以图标左上角为原点，增量方式与 mapboxgl 弹框的 offset 保持一致，x 往右递增，y 往下递增 object { x: 0.5, y: 0 }
popupToggleType 弹框激活方式 string click(鼠标点击弹框)/mouseenter(鼠标移入弹框) mouseenter

# 事件

事件名称 说明 回调参数
mouseenter 鼠标移动到标注图标上触发 (markerId) => {}
mouseleave 鼠标移动到标注图标上触发 (markerId) => {}

# 插槽

名称 说明
popup 弹出框插槽，默认是以表格形式展示标注信息，可通过该插槽自定义

# Mp3dMarkerPro

# 属性

参数 说明 类型 可选值 默认值 版本
marker 标注 object
anchor 锚点位置 string bottom
fieldConfigs 字段配置，描述如何展示标注的属性信息 array
currentMarkerId 当前弹出 popup 标注的 id，当一组标注时有用 string
defaultShowPopup 是否默认显示弹框 boolean false
popupAnchor 弹框位置，以图标左上角为原点，增量方式与 mapboxgl 弹框的 offset 保持一致，x 往右递增，y 往下递增 object { x: 0.5, y: 0 }
popupToggleType 弹框激活方式 string click(鼠标点击弹框)/mouseenter(鼠标移入弹框) mouseenter

# 事件

事件名称 说明 回调参数
mouseenter 鼠标移动到标注图标上触发 (markerId) => {}
mouseleave 鼠标移动到标注图标上触发 (markerId) => {}
change 当前弹出 popup 的标注发生变化是触发 (currentMarkerId) => {}
popupload popup 已加载 (markerId) => {}
marker-id 点击标注事件 (markerId) => {}
events.MARKER_CLICK 点击标注事件，向全局 eventBus 发出事件 (marker) => {}

# 插槽

名称 说明
popup 弹出框插槽，默认是以表格形式展示标注信息，可通过该插槽自定义

# MpMarkerSetPro

# 属性

参数 说明 类型 默认值
markers 标注列表 Array -
fieldConfigs 字段配置，描述如何展示标注的属性信息 Array -

# 插槽

名称 说明
popup 弹出框插槽，默认是以表格形式展示标注信息，可通过该插槽自定义

# Mp3dMarkerSetPro

# 属性

参数 说明 类型 默认值
markers 标注列表 Array -
fieldConfigs 字段配置，描述如何展示标注的属性信息 Array -

# 插槽

名称 说明
popup 弹出框插槽，默认是以表格形式展示标注信息，可通过该插槽自定义

← 标绘 →