网页中如何接入高德地图【静态地图篇】

登录高德开放平台

高德开放平台

创建应用

点击我的应用 -> 创建应用

添加key

调相关接口都需要用到这个key！

创建静态地图

静态地图API文档

文档说明

服务地址

URL	请求方式
https://restapi.amap.com/v3/staticmap?parameters	GET

请求参数

例如：https://restapi.amap.com/v3/staticmap?location=120.01746,30.281423&zoom=12&size=750*300&markers=mid,,A:120.01746,30.281423&key=你的key

高德坐标拾取器

markers

markers=markersStyle1:location1;location2..|markersStyle2:location3;location4..|markersStyleN:locationN;locationM.. 

marersStyle（参数名称）	说明	默认值
size	可选值： small,mid,large	small
color	选值范围：[0x000000, 0xffffff]	0xFC6054
label	[0-9]、[A-Z]、[单个中文字] 当 size 为 small 时，图片不展现标注名。	无

markers这个参数要注意格式，冒号后面的跟的是你要标记的坐标，location只的是以该坐标为中心绘制地图

网页应用

直接放到 img标签中就行

<img src="https://restapi.amap.com/v3/staticmap?location=120.01746,30.281423&zoom=12&size=750*300&markers=mid,,A:120.01746,30.281423&key=你的key" alt="" srcset="">

总结

1. 高德开放平台
2. api参数配置

接入高德地图静态地图与普通的地图截图区别在于浏览器向高德地图请求最新的地图。

我现在可以上岸了吗？
上岸！