添加marker

调用方法

addMarkers(option)

返回值res.data 为唯一标识tag数组，覆盖物的tag会在原tag基础上新增一个索引

option

名称	类型	说明
list	ListItem[]	marker数组，必填
click	function	点击标注图标后会触发此事件
dblclick	function	双击标注图标后会触发此事件。
dragstart	function	当用户拖动标注图标时触发。
drag	function	当用户拖动标注图标时不断触发
dragend	function	当用户停止拖动标注图标时触发。
remove	function	移除标注图标时触发。
success	function	调用成功回调
fail	function	调用失败回调

ListItem

名称	类型	说明
lnglat	lnglat	经纬度，必填
options	MarkerOptions	标注配置

MarkerOptions

名称	类型	说明	默认
icon	ICON	图标样式	-
draggable	boolean	是否可被拖动	false
title	string	默认情况下，注记图片的叠置顺序由纬度自动设置。如果你想将某一注记放置于其他之上可用这个选项，设置一个较大的值即可，比如1000（或是相反地设置一个较大的负值）。	-
zIndexOffset	number	设置z-index。	0
opacity	number	设置透明度。	1.0

示例代码

// 设置marker
TDTRenderRef.value
  .addMarkers({
    list: [
      {
        lnglat: [106.48548, 29.62379],
        options: {
          icon: {
            iconUrl: 'http://lbs.tianditu.gov.cn/images/bus/map_metro.png',
            iconSize: [20, 20],
            iconAnchor: [0, 0]
          }
        }
      }
    ],
    click: e => {
      console.log('click=======', e);
    }
  })
  .then(res => {
    // 设置marker可拖动，覆盖物类的res.data为tag数组
    TDTRenderRef.value.callOverlayFunction({
      tag: res.data[0],
      function: 'enableDragging'
    });
  });

贡献者

mosowe