In this page

Marker

创建一个marker。

参数

名字描述
positionmarker的坐标
mapmarker所附属的map实例
icon可选 你可以从列出的icon颜色选择一种:
green, blue, black, gold, grey, red, orange, violetyellow.

你也可以使用一个图片URL作为替代, 例子: https://upload.wikimedia.org/wikipedia/commons/0/06/Gfi-set01-info-blue.png

默认值: 'green'
title可选 给marker增加一个悬停时展示的tooltip

默认值: ''

(在NextBillion.ai Maps GL中无法使用)

方法

名字描述
getElement()返回当前marker实例的HTML元素。
moveTo({lng: number, lat: number}, speed: number)使用动画移动当前marker到一组坐标位置。合法的spped取值范围是0-10(越大的数值意味着移动速度越快)。
remove()从地图中移除当前marker。

例子

1var marker = new nextbillion.maps.Marker({
2  position: loc,
3  map: map,
4  // "title"在NextBillion.ai Maps GL中无法使用
5  title: 'Hello World!',
6  icon: 'gold',
7})
8
9// 监听click事件并执行回调
10marker.getElement().addEventListener('click', (event) => {
11  console.log('marker clicked', event)
12})
13
14// 移动marker到一组新的坐标
15marker.moveTo({ lng: 1, lat: 0 }, 9)
Map
Polygon
没找到你要找的内容?