<template> <view> <view class="map" id="map"></view> </view>
原创
2023-02-22 10:50:57
600阅读
UNiAPP怎么绘制高德地图？下面本篇文章带大家了解一下render.js的用法，介绍一下如何在uniAPP中使用render.js 绘制高德地图，希望对大家有所帮助。什么是render.jsrenderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5。renderjs的主要作用有2个：大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力在视图层操作dom，运行f
标签：定位，uniapp使用高德，坐标转换前言由于使用的是uniapp，所以没有用使用Android的SDK进行开发，但用到这个的Android key来进行做定位等uni方面的操作。目录文章目录前言二、使用步骤1.在uniapp项目中使用高德2.坐标转换总结一、申请高德key1，去高德官网，点击 控制台—应用管理—我的应用，然后点击创建应用，如下图： 应用名称 和 
转载
2024-09-11 12:05:27
1794阅读
文章目录前言示例项目 [uniapp-gis-demo](https://gitee.com/duqingsong2002/uniapp-gis-demo.git)环境名称约定添加依赖renderjs数据通信逻辑层访问renderjsrenderjs访问逻辑层logo处理图片资源处理解决方案 前言纯vue前端，零uniapp经验，需求让给uniapp 上的地图标记加个按钮，前人是用自带的Map组
转载
2024-05-14 11:45:04
272阅读
Vue中使用高德地图历史轨迹回放(一)-基础功能第一步：引入高德地图要达到官方高德地图API中的效果，可以先看官方API 链接：https://lbs.amap.com/api/javascript-api/example/marker/replaying-historical-running-data 我们可以像官方一样的在index.html里面引入高德地图：无论在vue和html页面中都可以
转载
2023-08-30 09:53:26
810阅读
uniapp使用高德地图1、项目前准备1.1、首先你需要去申请一个属于自己的高德地图key，怎么申请暂不多说需要的去官网看 1.2、链接: 高德地图申请key直通车，点击前往。 有一个uniapp项目。2、页面创建引入新建一个uniapp的空白页 使用web-view 渲染html文件页<web-view src="/hybrid/html/adminr.html"></web-
转载
2023-12-08 13:58:46
551阅读
在UniApp中使用高德地图可以通过以下几种方式实现：1. 使用WebView嵌入高德地图网页版<template>
<view>
<web-view src="https://uri.amap.com/marker?position=经度,纬度&name=位置名称"></web-view>
</view>
<
前言由于在app中没有document,window等对象，所以使用在pc端传统方法引入的方式，将会发现无法引用成功，会出现白屏现象。目前有两种解决方式：使用uniapp的web-view方式（百度地图）使用renderjs来调用document等js对象（高德地图）一、使用uniapp的web-view方式(百度地图)首先新建一个uniapp的页面，并在里面使用webview组件map.vue:
转载
2024-01-29 15:48:22
328阅读
需要引用正确有效的高德地图key 场景原因用的实时获取位置 如果是按钮形式可以不用实时获取方法plus.geolocation.watchPosition 实时获取位置 获取到位置后取消实时获取 plus.geolocation.clearWatch()<script>
let mapSearch = weex.requireModule('mapSearch')
data() {
转载
2024-08-29 17:22:54
113阅读
说明：本文打包版本为2.7.5版本 参考网址： // 打包官方文档。下载sdk 、 android studio 等在这里下载。https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/geolocation 打包步骤：1、解压官方sdk，内容如下： 在“打包官方文档”网址有链接，自己下载。2、将常用配置文档
1.注册高德账号
2.拿到项目的shal1分为调试版（）和发布版（）：通过window中的preference中的android 中的build
3.在自己的高德账号中添加项目key
4.在清单文件中添加
<meta-data
android:name="com.amap.api.v2.apikey"
android:value="75e65da
转载
2024-08-17 11:42:48
78阅读
申请JSAPI的开发者key申请地址：http://lbs.amap.com/dev/key 引入高德地图JavaScript API文件:<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值"></script> 创建地图
转载
2023-08-28 21:04:10
347阅读
最终效果是，本App展示地图，点击地图导航，调转三方实现导航。1.迈出第一步，去创建自己的应用key https://lbs.amap.com/ 1.1创建完应用之后，点击页面的{添加}，要求填写自己项目的信息 对于调试获取SHA1的方法是： 1.打开cmd, 2、在弹出的控制台窗口中输入 cd .android 定位到 .android 文件夹： 3、继续在控制台输入命令：调试版本使用 debu
转载
2023-08-25 14:53:03
27阅读
## 在 UNIAPP 中实现高德地图定位
在使用 UNIAPP 开发移动应用时，有时会遇到高德地图定位获取速度慢的问题。本文将为你提供完整的解决方案，包括步骤、代码示例及其解释。
### 整体流程
我们可以将整个定位流程分为以下几个步骤：
| 步骤序号 | 操作 | 描述
原创
2024-08-31 05:14:29
636阅读
7月26日，由高德地图举办的2018未来交通峰会在京举行。在以"驶向未来"为主题的汽车专场论坛上，高德地图首次对外界展示了基于高精地图和高精定位的一体化解决方案的实际定位效果，并宣布了未来高德在高精地图技术上的发展路线图。"高德是目前国内唯一拥有高精地图商业化经验的地图厂商，未来高德将基于高精地图、高精定位以及高德交通大脑的能力，为汽车合作伙伴提供精准、实时、多元的高精地图数据和高精定位服务，助力
转载
2023-11-15 12:59:15
261阅读
最近在做地图的应用，客户让用高德的地图库，现在总算是完工了，这么一路走来，真是尝尽了酸苦辣啊，网上高德的资源，可以说少之又少，可用资源比大熊猫还少，真让国宝汗颜啊，不得不说一句，珍爱生命，远离。。你懂得！废话不说，开始我们的高德库的引入(1).启动xcode，创建工程，在启劢页选择“Create a new Xcode project”,将跳转到新建工程页,选择 iOS>Appli
转载
2023-09-01 19:00:33
333阅读
本文将为大家简单介绍下，在过去的一段时间里高德高精地图业务团队，在WEB三维引擎技术方面的一些探索和实践，如何让复杂抽象的地理数据呈现在人们面前，满足其业务编辑和分析的诉求。
1. 前言高精地图（High Definition Map）作为自动驾驶安全性不可或缺的一部分，能有效强化自动驾驶的感知能力和决策能力，提升自动驾驶的等级。对于自动驾驶来说，高精地
转载
2023-09-08 09:06:13
462阅读
// 地图初始化 initMap() { let vm = this; //地图加载 this.map = new AMap.Map("map", { viewMode: "2D", zoom: 4, center: [105, 36], resizeEnable: true }); let aut
原创
2021-12-06 10:21:16
821阅读
对接高德地图API的总结近期项目中需要对接高德地图做图形（画一个区域范围），所以把用的对接知识总结一下，先看个简单的效果图： 当然多看点别人的也不错，别人家的demo, 酸奶小妹用 [TOC]来生成目录： 对接高德地图API的总结引用JS高德地图WEB端JSApi开始渲染地图几个常见的工具 Marker鼠标工具折线多边形编辑点聚合AMapMarkerClusterer事件监听有用的参数更多 引用J
转载
2023-11-06 16:03:38
223阅读
SHA1的获取: 然后输入cd .android 回车在输入：keytool -list -v -keystore debug.keystore 在回车，密钥默认 android添加 jar 文件将下载的地图 SDK 的 jar包复制到工程（此处截图以官方示例Demo为例子）的 libs 目录下添加 so 库：在 main 目录下创建文件夹 jniLibs (如果有就不需要创建了)，将下载文件的
转载
2023-06-29 20:02:14
311阅读
