接入高德地图
- 登录高德开放平台
- 创建应用
- 添加key
- 创建静态地图
- 文档说明
- markers
- 网页应用
- 总结
登录高德开放平台
高德开放平台
创建应用
点击我的应用 -> 创建应用
添加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="">
总结
- 高德开放平台
- api参数配置
接入高德地图静态地图与普通的地图截图区别在于浏览器向高德地图请求最新的地图
。
我现在可以上岸了吗?
上岸!