uniapp [全端兼容] - 实现接入使用天地图及卫星视图切换功能，在国家天地图上自由切换地图显示类型（卫星视图/地形视图/卫星混合/地形混合/普通视图）天地图切换视图显示改成卫星风格，切换地图图层

前言

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）开发中，详解实现天地图切换卫星视角效果，将天地图变成卫星图层或地形图层的视图教程，在uniApp项目中实现加载卫星天地图功能，天地图在卫星地图和普通地图之间来回切换更换，地图上悬浮一组地图类型可点击切换重新渲染地图视角，支持自定义视图或显示位置等样式，解决切换卫星视图报错、渲染加载慢卡顿、地图只显示一半卫星图层等问题。

uniapp（vue2 | vue3）版本项目均可使用，跟着教程复制代码运行稍加改造即可。

---

如下图所示，手机移动端H5或电脑PC端都能用，流畅切换不卡顿。

详细代码，保证新手小白100%搞定。

申请天地图 Key

您要想免费使用天地图服务，就必须先注册申请 Key 密钥。