Uniapp离线打包使用高德地图教程及常见问题

代岚

已于 2022-12-22 10:20:51 修改

阅读量2.6k

点赞数 3

文章标签： android java 前端

于 2022-12-22 10:15:54 首次发布

本文链接：https://blog.csdn.net/assessea/article/details/128404437

版权

本文详细介绍了如何在uniapp项目中集成高德地图，包括申请API Key、配置AndroidManifest.xml和dcloud_properties.xml，以及引入aar和jar文件。同时，针对可能出现的地图显示问题如白屏、黑屏提供了解决方案，如检查文件引入和添加jniLibs.srcDirs配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.uniapp项目打包成apk

网址：https://blog.csdn.net/zxczero/article/details/126624787

二.使用高德地图

1.申请key
网址：https://console.amap.com/dev/key/app
在这里插入图片描述

在我的应用中添加新应用后，点击应用后的添加按钮即可申请key

2.在项目配置文件中添加相关权限及配置
①在AndroidManifest.xml中添加相关权限及配置
在manifest下添加以下权限

	<!--允许程序打开网络套接字-->
    <uses-permission android:name="android.permission.INTERNET" />
    <!--允许程序设置内置sd卡的写权限-->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <!--允许程序获取网络状态-->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <!--允许程序访问WiFi网络信息-->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <!--允许程序读写手机状态和身份-->
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <!--允许程序访问CellID或WiFi热点来获取粗略的位置-->
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />

在application下添加以下配置，注意这里的%key%要换成自己申请的高德地图的key

	<service android:name="com.amap.api.location.APSService" />
	<meta-data
	      android:name="com.amap.api.v2.apikey"
	      android:value="%key%" />

②在assets/data/dcloud_properties.xml中添加相关配置
在features下添加

<feature name="Maps" value="io.dcloud.js.map.amap.JsMapPluginImpl"/>

在services下添加

<service name="Maps" value="io.dcloud.js.map.MapInitImpl" />

3.引入.aar和.jar文件
将SDK文件夹下的libs文件夹中的所需文件复制进项目的libs中
源libs文件位置：
在这里插入图片描述

项目libs文件位置：
在这里插入图片描述
所需引入的文件内容如下：

完成后即可使用高德地图

常见问题：

1.地图白屏
查看.aar和.jar文件是否引入项目libs文件中
2.地图黑屏
如果使用了3D地图，则需要引入so文件
①下载地址：https://developer.amap.com/api/android-sdk/download/
在这里插入图片描述
下载完成后解压，将解压后的全部文件放入项目的libs文件夹中，将原有的.jar文件删除，替换为压缩包中的.jar文件

②在build.gradle文件的android中添加以下内容

sourceSets{
        main{
            jniLibs.srcDirs = ['libs']
        }
    }

完成后发现问题解决