高德地图使用之自定义地图

高德地图自定义地图

1、首先需要自己去注册一个高德地图开发者账号。链接,
2、注册成功拿到在应用管理——>我的应用里面添加一个项目就可以拿到key和安全密钥,安全密钥是一定要拿到的不要自定义的效果会出不来的。这个高德地图最新改的。
高德地图使用之自定义地图_第1张图片
3、把拿到的key值和和安全密钥写在项目的index.html内(个人使用的,效果能除了,官方说这不安全)高德地图使用之自定义地图_第2张图片,这种方法官方不推荐。官方链接 官方推荐需要加上代理服务器的设置
高德地图使用之自定义地图_第3张图片
高德地图使用之自定义地图_第4张图片
4、在高德地图开发者上点击GeoHUB定制地图;
高德地图使用之自定义地图_第5张图片
选择自定义地图
高德地图使用之自定义地图_第6张图片
选择自己需要的地图进入调试之后点击发布就能拿到对应的样式id了
高德地图使用之自定义地图_第7张图片

高德地图使用之自定义地图_第8张图片
最后在测试初始化地图时候都需要使用 aMap.setMapStyle(‘amap://styles/自定义地图样式id’);
高德地图使用之自定义地图_第9张图片

你可能感兴趣的:(typescript,vue.js)