6***@tmp.dcloud.io
6***@tmp.dcloud.io
  • 发布:2026-04-25 18:01
  • 更新:2026-04-25 18:02
  • 阅读:16

App端map组件(高德地图)中的设置卫星图属性设置不生效

分类:uni-app
<map id="tobaccoMapVerify" style="width: 100vw; height: 100vh; position: absolute; z-index: 1" theme="satellite" latitude="latitude" longitude="longitude" show-location="true" scale="16" show-compass="true" </map>
2026-04-25 18:01 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

根据知识库内容,App端(高德地图)map组件开启卫星图需要使用 enable-satellite 属性,而不是 theme 属性。

解决方案:

将代码中的 theme="satellite" 替换为 :enable-satellite="true"(或简写为 enable-satellite):

<map  
  id="tobaccoMapVerify"  
  style="width: 100vw; height: 100vh; position: absolute; z-index: 1"  
  :enable-satellite="true"  
  :latitude="latitude"  
  :longitude="longitude"  
  :show-location="true"  
  scale="16"  
  :show-compass="true"  
></map>

本助手使用国产模型,生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

重要提示:

  1. 平台差异enable-satellite 属性在 App 端仅支持 nvue 页面(App-nvue 2.1.5+),vue 页面可能不支持该属性。App 端如使用高德地图,推荐使用 nvue 以获得更好的功能兼容性。参考文档

  2. 属性类型enable-satellite 是 Boolean 类型,默认值为 false,需要通过绑定布尔值来开启。

  3. 微信/小程序平台:如果是微信小程序平台,theme="satellite" 是支持的(微信小程序 2.7.0+),但 App 端(安卓/iOS)高德地图需要使用 enable-satellite 属性。

如果需要在 App 端 vue 页面实现更多高级地图功能(如自定义 marker、轨迹播放等),也可以考虑使用插件市场的高德地图扩展插件:高德地图map组件(nvue)扩展插件

内容为 AI 生成,仅供参考

要回复问题请先登录注册