mt-multi-point

Maptalks MultiPoint

Demo

<div>
  <div class="map">
    <mt-map :zoom="16" :center="[121.5080881906138, 31.241128104458117]">
      <mt-tile-layer
        id="tile"
        url-template="https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png"
        :subdomains="['a','b','c','d']"
      ></mt-tile-layer>
      <mt-vector-layer id="vector">
        <mt-multi-point :coordinates="coordinates" cursor="pointer" draggable="true"></mt-multi-point>
      </mt-vector-layer>
    </mt-map>
  </div>
</div>

<script>
export default {
  data() {
    return {
      coordinates: [
        [121.5080881906138, 31.241128104458117],
        [121.50804527526954, 31.237238340103413],
        [121.5103728890997, 31.23888972560888]
      ]
    }
  }
}
</script>

Expand Copy Copy

Props

options 支持 mt-multi-point 除 coordinates 的全部属性

WARNING

属性优先级: defaultProps < options < 实际传入的 props

属性名	描述	类型	默认值	备注
coordinates	geometry 坐标	Array		required
symbol	路径 symbol	Object	null
id	geometry id	String | Number	null
visible	geometry 显隐	Boolean	true
editable	geometry 是否可编辑	Boolean	true
interactive	geometry 是否可交互	Boolean	true
cursor	geometry 鼠标进入样式	String	null
measure	geometry 测量方式	String	EPSG:4326
draggable	geometry 是否可拖动	String	false	字符串boolean
dragShadow	geometry 拖动时是否显示阴影	Boolean	true
dragOnAxis	geometry 拖动方向	Boolean	null
zIndex	geometry zIndex	Number	null
options	geometry options	Object	{}

Events

事件名	参数	说明
ready	marker, layer, mapInstance	geometry已准备好,可以获取图层实例

Methods

方法名	参数	返回值	说明
getLayer	-	layer	获取图层实例
getMap	-	map	获取地图实例
getGeometry	-	geometry	获取geometry实例

slots

slot名字	说明