Marker
创建一个marker。
参数
名字 | 描述 |
---|---|
position | marker的坐标 |
map | marker所附属的map实例 |
icon | 可选 你可以从列出的icon颜色选择一种:green , blue , black , gold , grey , red , orange , violet 或 yellow .你也可以使用一个图片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