高德地图 JS API 点位标注实践

冬枣产业地图站的核心就是一张可交互的地图。用高德 JS API v2 接入，主要做了三件事：打点、弹窗、分类筛选。

初始化与打点

const map = new AMap.Map("container", { zoom: 5, center: [110, 35] });
points.forEach(p => {
  new AMap.Marker({
    position: [p.lng, p.lat],
    map, title: p.name
  });
});

分类筛选

把 Marker 实例按分类存进一个对象里，点击侧边栏分类按钮时，遍历调用 marker.setMap() 或 setMap(null) 控制显隐，不需要每次重建地图。

数据从 Flask 后端拿 JSON，前端不写死坐标。弹窗里放一张实拍图和一段简介，比光秃秃的标点信息量大得多。