高德地图API相关知识（持续更新）

1.图标的偏移量

标记点
var marker = new AMap.Marker({
  map: 需要承载的地图,
  position: 标记点经纬度,
  icon: 'http://amappc.cn-hangzhou.oss-pub.aliyun-inc.com/lbs/static/img/marker.png',
  offset: new AMap.Pixel(-13, -26)  // 标记的偏移量
});

• 偏移量的坐标：偏移量的坐标 (-13, -26) 表示横坐标（x轴）向右为正，纵坐标（y轴）向下为正。所以，(-13, -26) 表示图标的左上角相对于标记点的位移。
• 负值：在这个例子中，偏移量的x和y值都是负数，这意味着图标将向左上方偏移。
  • x轴（-13）：图标向左移动13像素。
  • y轴（-26）：图标向上移动26像素。

---

2.高德地图图标示例

小汽车 http://webapi.amap.com/images/car.png

car.png

黑色标记物 http://webapi.amap.com/images/custom_a_j.png

Paste_Image.png

透明 ABCD http://webapi.amap.com/images/3.png

Paste_Image.png

红色圆点 http://webapi.amap.com/images/marker_sprite.png

Paste_Image.png

红色 marker http://webapi.amap.com/theme/v1.3/markers/n/mark_r.png

Paste_Image.png

红色旗标
http://amappc.cn-hangzhou.oss-pub.aliyun-inc.com/lbs/static/img/marker.png

Paste_Image.png

合集
http://webapi.amap.com/theme/v1.3/images/newpc/poi-1.png

Paste_Image.png

带数字的蓝色图标
http://webapi.amap.com/theme/v1.3/markers/n/mark_b2.png

Paste_Image.png

起点 http://webapi.amap.com/theme/v1.3/markers/n/start.png

Paste_Image.png

终点 http://webapi.amap.com/theme/v1.3/markers/n/end.png

Paste_Image.png

作者：sbtiny 链接：https://www.jianshu.com/p/6be42c2cd81a 来源：简书

---