默认点标记 Marker 最后更新时间: 2024年07月12日

1.1 准备

1.2 创建地图

const map = new AMap.Map("container", {
  zoom: 10, //地图级别
  center: [116.397428, 39.90923], //地图中心点
  mapStyle: "amap://styles/whitesmoke", //设置地图的显示样式
  viewMode: "2D", //设置地图模式
});

1.3 添加 Marker 实例

//创建一个 Marker 实例：
const marker = new AMap.Marker({
  position: new AMap.LngLat(116.39, 39.9), //经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
  title: "北京",
});
//将创建的点标记添加到已有的地图实例：
map.add(marker);

如果一次性添加多个Marker实例，只需将每个Marker实例放入一个数组中。

//多个点实例组成的数组
const markerList = [marker1, marker2, marker3];
map.add(markerList);

1.4 给 Marker 添加事件

//创建点标记的点击事件
marker.on("click", function (e) {
  alert("你点击了Marker");
});