uni-app 手机App中使用map（高德地图）自定义地图样式

一。先去高德地图网站

首页 | 高德控制台高德开放平台官网控制台提供了高德开发者Key管理，Key可视化分析等功能。https://console.amap.com/dev/index创建一个地图

 

 拿到这个地图的key    第三步 会用到这个 key

二。创建项目所需要的地图样式

在该页面配置地图不同的颜色

 

点击分享就能看见你创建地图的 样式id

 拿到样式 ID  第四步会用到

三。你得创建一个 uni-app的app模板
然后在 manifest.json 中 APP模块 map地图中输入地图的key

 

 

三。使用

使用注意事项 

 1     .nvue文件是uni-app专门为app弄的一中文件，用法与.vue类似，但是有一定区别，具体参考uni-app文档 

2    map标签的width 和 height 不能使用 百分比单位 否则不显示 

最终效果