uni-app Android 离线打包 nvue页面地图失效

uni-app Android 离线打包 nvue页面地图失效

开发环境 版本号 项目创建方式
Windows Windows 10 HBuilderX

操作步骤：

  • 点击地图按钮显示地图

预期结果：

  • 显示地图

实际结果：

  • 无地图

bug描述：

nvue通过HBuilder真机调试可以显示地图，离线打包地图不能正常显示。

2 回复

应该是你高德地图的appkey没有配置。请参考https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/map

更多关于uni-app Android 离线打包 nvue页面地图失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


离线打包时 nvue 页面地图失效，通常是由于离线打包配置中缺少地图模块或相关配置不正确导致的。请按以下步骤排查：

  1. 检查离线打包配置：确保在离线打包的 AndroidManifest.xml 文件中已正确配置高德或百度地图的 AppKey 及相关权限。例如，使用高德地图时需添加：

    <meta-data android:name="com.amap.api.v2.apikey" android:value="你的高德地图AppKey" />

    同时确保网络、定位等权限已声明。

  2. 确认地图模块已包含：在离线打包工程中，需确保已集成地图的原生 SDK（如高德地图 SDK）。若使用 HBuilderX 提供的原生插件，请检查是否将地图插件正确导入到项目中。

  3. 检查 nvue 页面代码：确保地图组件配置正确，例如：

    <map style="width:750rpx;height:300px;" :latitude="latitude" :longitude="longitude"></map>
回到顶部