滴图出行技术开放平台
控制台
滴图出行技术开放平台

Appearance

Marker ​

Marker ​

一般点标记，它位于地图图层之上，是个DOM UI

继承Evented

Examples ​

javascript
const marker = new DiMap.Marker({
 element: document.createElement('div'),
 anchor: 'bottom-left',
 offset: [0, 0],
 draggable: true,
 rotation: 0,
 rotationAlignment: 'auto',
 pitchAlignment: 'auto'
})
marker.setLngLat([116.397411, 39.909186])
marker.addTo(map)

constructor ​

创建一个 Marker 对象。可选传入容器元素与标记选项。

Parameters ​

参数名必选类型描述
element否HTMLElement容器元素
options否MarkerOptions标记选项

addTo ​

将标记添加到地图上。

Parameters ​

  • map Map 要添加到的地图对象

Returns this 返回 Marker 对象本身

remove ​

从地图上删除标记。

Returns this 返回 Marker 对象本身

getLngLat ​

获取标记的经纬度。

Returns LngLat 返回 LngLat 对象

setLngLat ​

设置标记的经纬度。

Parameters ​

Returns this 返回 Marker 对象本身

getElement ​

获取标记的容器元素。

Returns HTMLElement 返回容器元素

setPopup ​

设置标记的弹出窗口。

Parameters ​

  • popup Popup? 弹出窗口

Returns this 返回 Marker 对象本身

getPopup ​

获取标记的弹出窗口。

Returns Popup 返回 Popup 对象

togglePopup ​

切换标记的弹出窗口的显示状态。

Returns this 返回 Marker 对象本身

getOffset ​

获取标记的偏移量。

Returns PointLike 返回 PointLike 对象

setOffset ​

设置标记的偏移量。

Parameters ​

Returns this 返回 Marker 对象本身

setDraggable ​

设置标记是否可拖拽。

Parameters ​

  • shouldBeDraggable boolean 是否可拖拽

Returns this 返回 Marker 对象本身

isDraggable ​

判断标记是否可拖拽。

Returns boolean 如果可拖拽，返回 true；否则，返回 false

getRotation ​

获取标记的旋转角度。

Returns number 返回旋转角度，单位为度数

setRotation ​

设置标记的旋转角度。

Parameters ​

  • rotation number 旋转角度，单位为度数

Returns this 返回 Marker 对象本身

getRotationAlignment ​

获取标记的旋转对齐方式。

Returns Alignment 返回旋转对齐方式

setRotationAlignment ​

设置标记的旋转对齐方式。

Parameters ​

Returns this 返回 Marker 对象本身

getPitchAlignment ​

获取标记的俯仰对齐方式。

Returns Alignment 返回俯仰对齐方式

setPitchAlignment ​

设置标记的俯仰对齐方式。

Parameters ​

Returns this 返回 Marker 对象本身