uniapp对接高德地图的详细流程 和 项目安卓（android）打包流程

已于 2024-06-18 11:39:52 修改
阅读量1k 收藏 2
点赞数 5
文章标签： uni-app
于 2024-06-18 11:09:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51351053/article/details/139766876
版权

一、登录DCloud账号，进入开发者后台（应用列表 (dcloud.net.cn)），进入我的应用，点击需要对接高德的应用名称。

二、 Android云端证书，查看证书详情，拿到里面的发布版安全码SHA1

三、登录高德开放平台:首页 | 高德控制台 (amap.com),进入我的应用

四、创建新应用

最低0.47元/天 解锁文章
小Ge学前端
关注
【实战教程】Uni-App开发：轻松集成高德地图，实现精准位置选点功能
luhanglh的博客
07-15 8542
【实战教程】Uni-App开发：轻松集成高德地图，实现精准位置选点功能。 uni-app实现高德地图选点功能
uniapp 高德地图接入
Neil_1993的博客
06-05 9248
1.登陆高德地图开放平台并下载sdk【sdk如下】 function AMapWX(a){this.key=a.key,this.requestConfig={key:a.key,s:"rsx",platform:"WXJS",appname:a.key,sdkversion:"1.2.0",logversion:"2.0"}}AMapWX.prototype.getWxLocation=...
uniapp开发的App中使用高德地图
m0_57442975的博客
09-28 1万+
map地图在不同的开发场景使用不同，这里主要是uniapp开发的Android软件中关于高德地图使用的一些项目记录。
uniapp之app使用高德地图
weixin_46355018的博客
04-17 605
console.log('当前位置的经度：' + res.longitude);console.log('当前位置的纬度：' + res.latitude);console.log('详细地址：' + res.address);console.error('获取位置失败：', err);高德开放平台官网控制台提供了高德开发者Key管理，Key可视化分析等功能。我不太清楚Geolocation定位这边要不要√，反正我是都勾上了。一、进入高德开放平台，注册并验证开发者。填完这些高德这边就算配置好了。
【Uniapp】高德地图的接入、定位、自定义标点与信息窗体使用
热门推荐
Brod-Roy的博客
06-19 2万+
因为公司的业务需求，需要实现一个接入高德地图的数据大屏，并根据坐标实现地图标点渲染，自定义信息窗体，点击定位等功能。查阅高德地图官方文档时发现使用的是原生 JavaScript ，且网上 uniapp 接入使用的教程较少，我自己摸索之后解决了不少问题，欢迎大佬补充纠正。
uni-app 引入高德地图
最新发布
lh_1254的博客
04-25 1296
icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png', // 自定义图标（可选）​。AMapUI: { version: '1.1', plugins: ['geo/DistrictExplorer'] }, // 可选UI组件​。mapStyle: 'amap://styles/light' // 地图样式（浅色主题）​。// 地图定位到搜索结果​。
uniapp中引入高德地图，实现周边查询，和根据经纬度导航功能
m0_69766451的博客
12-15 2485
在uniapp项目app版本中引入高德地图，实现搜索周边服务、和导航到指定位置；文档内容包含注册-->配置-->使用-->最后打包步骤，根据步骤一步一步即可完成
uniapp开发的附近聊天交友应用
地理位置服务：百度地图API, 高德地图API等，用于实现地理位置相关的功能。 通过以上知识点的介绍，我们可以看到，基于 uniapp 开发的附近聊天交友软件在技术实现和应用推广上都有很多优势。然而，开发者在开发...
校园导览App uniapp
03-11
或者借助第三方服务提供商（高德地图API等）获取更加精准的位置数据和服务接口[^2]。 #### 5. 接口对接与后台通信 考虑到前后端分离架构模式下的需求，建议采用 RESTful Web Service 方式来进行客户端请求处理。...
前端知识宝典
qq_37759901的博客
01-29 1443
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
在uniapp做高德地图，发布为h5网页
11-14
在uniapp做高德地图，发布为h5网页，内嵌入安卓app中，代码摘要，不含敏感信息在uniapp做高德地图，发布为h5网页，内嵌入安卓app中，代码摘要，不含敏感信息
uniapp中小程序引入高德地图
weixin_59980129的博客
10-17 739
b.引入依赖：import amap from "@/utils/amap-wx.130.js";a.下载依赖：npm install @amap/amap-jsapi-loader。console.log("错误信息", err);key: XXXX, //高德地图官方申请的key。
uniapp小程序使用高德地图
Rio_Gaven的博客
02-22 7476
14.对了，wx.getLocation(获取当前位置)这个api建议是开通下，方便用户打开地图就显示用户当前的位置（注意：一定是要在需要使用该功能的页面调用，不然官方会判定违法获取隐私，禁用你的功能，本人已踩过坑，当然，也通过申诉解封，在其他文章也有写，可以去参考下）13.其余的就是根据UI图来写对应的组件，如:搜索栏，搜索列表什么的，具体需要的方法可以参考高德开放平台手册，获取周边啥啥啥的。2.扫二维码选择对应的项目-设置-服务内容声明-用户隐私保护指引-更新-按照下面红框里的设置。
uni-App APP端及H5使用高德地图 实现创建地图 路线规划 添加定点
weixin_51951576的博客
10-12 3103
注意此处的maker和标点都是用的我本地项目下static的静态图片，你们要在地图html文件对应进行更改，最好使用绝对路径，不要使用相对路径，否则打包到真机会显示不出图片。前言：最近公司开发需要用到uni-app搭配高德地图，在踩坑后实现了基本的要求，过程之曲折就不说了，特地开贴记录下。2.在根目录创建static文件夹，在static文件夹下创建html文件夹，在html文件夹创建地图html文件。4.创建好地图html文件后，到根目录page文件夹创建承载html文件的index.vue文件。
uniapp H5使用高德地图实现点聚合、行政区域高亮（通俗易懂）
qq_56892518的博客
03-27 4812
uniapp自带的map地图组件功能有限，并且适配性实在让人苦恼，高德地图想对成熟稳定且功能比自带map组件完善很多，但是使用较为麻烦，以下是我在uniapp使用高德地图的一些见解和技巧。
uniapp 如何引入高德地图
lyxkgc的博客
07-30 1万+
uniapp 默认是使用腾讯地图，想要使用第三方高德地图。 1、首先要注册高德地图，然后下载微信小程序SDK 微信小程序sdk也支持app端使用。 2、去高德控制台 管理中心 》 应用管理 》新建应用 3、下面就是引用高德地图 将下载好的微信小程序sdk文件放下项目根目录js_sdk 文件中 下面使用页面中引入文件 import amap from “…/…/js_sdk/js-amap/amap-wx.js”; <template> <view class="map">
uniapp使用高德地图
qwe_aaaaa的博客
07-26 1万+
uniapp高德地图使用，单点和路线规划。
记录下uniapp开发结合webview调用高德地图（路线规划，多路选择，双向通信）
qq_44761755的博客
11-17 3063
uniapp结合webview实现（微信和app上）简单版导航打车应用，总体实现方案是 在uniapp上嵌入web网页，不同客户端向webview双向通信
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值