本文介绍了如何在高德地图控制台创建自定义地图样式，并获取地图Key。接着，展示了如何在uni-app项目中配置这个Key，以及在.nvue文件中使用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 不能使用 百分比单位 否则不显示
最终效果
2359
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
