高德地图中的marker
时间: 2024-05-17 09:15:18 浏览: 132
Android基于高德地图完全自定义Marker的实现方法
高德地图中的 marker 可以通过 `AMap.Marker` 类来创建。具体示例如下:
```javascript
import AMap from 'AMap';
// 创建地图实例
const map = new AMap.Map('container', {
zoom: 10,
center: [116.39, 39.9]
});
// 创建 marker 实例
const marker = new AMap.Marker({
position: [116.480983, 39.989628], // marker 的位置
title: '这是一个 marker', // marker 的标题
icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png' // marker 的图标,可以是一个图片链接或者一个 icon 对象
});
// 将 marker 添加到地图中
map.add(marker);
```
在这个示例中,我们首先创建了地图实例,然后使用 `AMap.Marker` 类创建了一个 marker 实例,并设置了 marker 的位置、标题和图标。最后,我们将 marker 添加到地图中,即可在地图上显示出来。
阅读全文