高德地图更改地图样式

文档基于高德地图v1.7.18版本

EasyV高德地图组件默认配置了公共的地图样式,同时也支持接入高德地图自定义样式。分为创建自定义样式和生成Key两步。



1、创建自定义样式

首先在高德开放平台自定义地图中创建自定义地图样式。

1、自定义地图

打开高德开放平台(https://lbs.amap.com/)在首页导航栏选择“开发支持”-->“自定义地图”。

2、创建地图样式

a、在自定义地图界面点击“创建地图样式”。

b、使用地图模板创建样式。选择完毕地图模板后点击“创建”按钮。

c、配置样式。在地图样式界面可根据需求修改地图中每一部分数据,具体配置方法请您阅读高德地图自定义样式文档。

d、创建完毕后点击“发布”按钮发布样式。

e、发布完毕后可在自定义地图控制台(https://geohub.amap.com/mapstyle/index)查看创建的自定义样式ID。


2、获取Key

EasyV接入高德地图自定义样式除需要自定义样式ID,还需要获取Key信息。

注意:以下方式只支持20211202之前创建的Key,1202日后高德地图API调用升级,请您参考以下官方文档。

https://lbs.amap.com/api/javascript-api/guide/abc/prepare

1、创建应用

在高德地图控制台(https://console.amap.com/dev/key/app)创建新应用。

填写“应用名称”及“应用类型”(应用类型可自行选择)后点击“新建”。


2、添加应用

创建应用完毕后,点击“添加”添加新的应用,在“添加Key”信息界面,输入“Key”名称,“服务平台”选择“Web端(JS API)”后点击提交。


3、获取Key

创建应用完毕后即可查看生成的Key信息,且携带安全密钥信息。

3、填写信息

创建自定义样式完毕后,将控制台内Key、密钥信息和地图样式ID填写即,打开预览界面可获取到自定义地图样式。


报错排查

当自定义地图样式配置完毕但组件没有更改样式时,需要在EasyV预览界面打开浏览器开发者模式,找到对应地图样式在预览中查看报错信息,如下示例图所示报错为Key信息获取失败需要在高德地图开放平台重新配置Key信息。

关于高德地图组件详细文档请您点击👇

高德地图

400-8505-905复制
免费试用
在线咨询
微信社区
易知微-数据可视化
微信扫一扫入群