uniapp 打包app 引入高德地图sdk

已于 2022-03-08 16:09:08 修改
阅读量6.9k 收藏 14
点赞数 3
文章标签： javascript vue.js 前端
于 2022-03-08 15:49:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45581505/article/details/123354194
版权
本文档详细介绍了如何在uniapp中集成高德地图SDK，包括注册高德平台账号、生成自有证书、配置manifest.json以及设置应用权限。最后，教程将指导你如何进行Android app的云打包，确保地图功能正常运行。
摘要由CSDN通过智能技术生成

uniapp 打包app 引入高德地图sdk


说明：本项目以uniapp 云打包app Android为例，使用自有证书

1. 注册高德地图开放平台账号并添加应用，在应用中添加key

（SHA1和PackageName下面说明）高德地图添加key

2. 生成自有证书(windows系统)

uniapp 生成证书文档 ，生成证书完成之后 查看证书信息 把生成的SHA1填写到申请高德key中
查看证书信息

3. 高德地图key生成 并配置到项目中

  • 高德地图key
    生成key
  • manifest.json配置
    app模块配置中勾选maps中的高德地图 填入生成的key值
    uniapp项目配置
    app权限配置 勾选 与地图相关权限 可在源码视图
最低0.47元/天 解锁文章
小金豆:D
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
uniapp - [安卓|苹果]实现App端引入高德地图，详细获取当前用户手机定位、两个地点的路线规划及相关示例代码，uniapp安卓Android平台软件下使用高德地图，获取当前位置信息及规划路线
高级前端工程师
02-20 3624
uniapp，高德地图，安卓app端，苹果ios系统端，安卓苹果app，高德地图路线规划，uniapp app高德地图，获取当前位置信息，获取用户当前定位，uniapp软件APP如何使用高德地图并获取用户位置，uniapp实现获取用户位置信息（经纬度），通过高德地图和腾讯地图解析，uniapp开发APP使用高德实现定位，uniapp使用高德地图路径规划，uniapp使用高德地图定位打包成安卓app，引入高德地图报错不显示怎么办，高德地图位置无法获取，出现报错警告错误，规划路线，如何使用高德规划路线两个地点的
uni-app高德地图配置
z_j_z_的博客
07-25 1971
uni-app自定义基座里 地图是不能直接使用的，需要在manifest.json的“App模块配置”中勾选“Maps(地图)”，并根据项目实际情况勾选使用的三方地图SDK，
uniapp开发安卓使用高德地图教程
Wang100gui的专栏
07-28 368
uniapp开发安卓使用高德地图教程 首先肯定是需要登录高德地图官网注册 https://console.amap.com/dev/key/app uniapp如何使用高德地图呢？ 肯定是去uniapp官网查看地图组件使用教程！ https://uniapp.dcloud.net.cn/api/location/location.html 根据教程知道，需要去高德地图官网申请key 那不就得去高德地图看官方文档了么（别去百度搜什么教程，就去看官方文档） https://lbs.amap.com/api/a
uniapp小程序获取定位（高德SDK)
shinjie1210的博客
07-29 2147
由于uniapp自带的getlocation方法不支持解析地址，所以这里记录下使用高德sdk的方法 首先登陆高德开放平台登录/注册后打开控制台，在应用管理里创建新应用 然后点击添加按钮，添加key 这样你就会获得一个key 然后点击这个网址下载文件，找到amap-wx.js文件，放到项目common文件夹里(放哪里看个人意愿，别放static就行) 然后我们新建一个vuex的module，这里随便起了个名字= =不要在意 如何在uniapp里使用vuex看这里 然后go...
【实战教程】Uni-App开发：轻松集成高德地图，实现精准位置选点功能
luhanglh的博客
07-15 3598
【实战教程】Uni-App开发：轻松集成高德地图，实现精准位置选点功能。 uni-app实现高德地图选点功能
uniapp 小程序用高德地图sdk
qq_34297848的博客
12-06 2900
uniapp 小程序 使用高德sdk
uni-app 微信小程序 用高德sdk获取地理位置，以及天气信息
最新发布
m0_55333789的博客
07-30 232
uni-app 微信小程序 用高德sdk获取地理位置，以及天气信息
uniapp / H5 jssdk 高德地图获取城市信息
feiyu的博客
02-02 801
微信小程序开发，高德地图根据IP获取位置信息，根据经纬度获取位置信息
uni-app 微信小程序接入高德SDK
七岁凉橙的博客
04-25 1783
uni-app 微信小程序接入高德SDK 参考文档：https://lbs.amap.com/api/wx/gettingstarted 一、获取高德Key 配置高德key 二、获取高德key的操作步骤 创建应用 进入控制台，创建一个新应用。如果您之前已经创建过应用，可直接跳过这个步骤。 添加新key 在创建的应用上点击"添加新Key"按钮。在弹出的对话框中，输入Key名称，选择绑定的服务平台为“微信小程序”，如下图所示： 三、下载并安装微信小程序SDK 微信小程序SDK 解压后得到
uniapp APP&H5端获取地理位置信息（百度地图&高德地图）
m0_67401499的博客
03-08 2706
APP&H5端获取地理位置信息 一、app端 1.在需要使用的页面中 onShow(){ //#ifdef APP-PLUS // 获取定位信息 this.getLocations(); //#endif }, methods：{ //获取定位信息 getPosition(){ const that = this; uni.getLocation({ type: 'wgs84', geoco
uniapp-高德地图Android+IOS appkey申请与使用
weixin_30745553的博客
09-03 2544
问题 uniapp中如果含有map地图模块，打包时需要勾选该模块，并选择高德/百度地图、填写他们的appkey，不然打包后会提示找不到maps模块。 高德地图的Android端appkey申请流程文档：https://lbs.amap.com/api/android-sdk/guide/create-project/get-key 上面这是高德地图的官方说明文档，但是其中涉及到...
uniapp+vue中使用高德地图
pleasantsheep_的博客
08-24 6429
提示：由于使用的是uniapp，所以没有用使用Android的SDK进行开发，但用到这个的key来进行做定位等uni方面的操作。提示：以下是本篇文章正文内容，下面案例可供参考在这里，uniapp里面使用高德地图就差不多了，剩下的就看官网api就好了。本文仅仅简单介绍了renderjs的传参使用，你们把这个当作js使用就可以了，只是uni.的一些内置方法在里面不管用，得在传统的 里面去使用，然后把参数获取方法传到renderjs里面就行了。
uniapp开发微信小程序，引入第三方SDK高德地图
mmwanwen的博客
09-08 8609
一、获取高德Key： 官方获取key的方法在这 二、创建项目之后下载并安装微信小程序SKD： 如果是开发安卓、IOS、APP项目，请找到对应的包下载并解压。 下载微信小程序SDK 解压后得到 amap-wx.js 文件，在创建的项目中，新建一个名为 libs 目录，将 amap-wx.js 文件拷贝到 libs 的本地目录下，完成安装。 这一步在uniapp运行的时候会报错，因为解压后的js文件方法都是wx.XXX。手动把这些前缀都改成uni.XXX之后可以运行了。 以下是修改之后的文件： function
uniapp+ Vue3 +ts引入高德地图小程序SDK
qq_63943166的博客
05-23 700
uniapp+ Vue3 +ts引入高德地图小程序SDK
uniapp 获取地理位置（uni#getLocation和高德sdk获取中文地址）
xl十一的博客
10-11 1332
【代码】uniapp 获取地理位置（uni#getLocation和高德sdk获取中文地址）
uniapp开发的App中使用高德地图
热门推荐
m0_57442975的博客
09-28 1万+
map地图在不同的开发场景使用不同，这里主要是uniapp开发的Android软件中关于高德地图使用的一些项目记录。
uniapp APP端如何引入高德地图并使用
05-14
要在uniapp APP端引入高德地图并使用，需要进行以下步骤： 1. 在高德开放平台上申请API Key。具体申请流程可以参考高德开放平台的官方文档。 2. 在uniapp项目中引入高德地图组件。可以使用uniapp社区提供的uni-amap组件，具体使用方法可以参考uni-amap的官方文档。 3. 在需要使用高德地图的页面中引入uni-amap组件，并在组件中设置高德地图的API Key、地图中心坐标、地图缩放级别等属性。 4. 在页面中使用uni-amap组件提供的API实现地图相关功能，比如添加标记、绘制路线、获取当前位置等。 需要注意的是，使用高德地图需要遵守高德地图的服务条款，尤其是在商业场景下需要获取相应的授权。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值