高德专题
通过Vue3+高德地图的JS API实现市区地图渲染
效果图： 核心代码： <script setup>import { onMounted, onUnmounted } from 'vue';import AMapLoader from '@amap/amap-jsapi-loader';import { message } from 'ant-design-vue';import school from '@/assets/icons/s
web端使用高德地图
web端使用高德地图 一、申请高德key和秘钥二、在项目中引入所需功能js、css文件三、实现地图选点、回显选点四、自定义地图 一、申请高德key和秘钥 申请高德key 申请成功后可以得到key 二、在项目中引入所需功能js、css文件 <script src="https://webapi.amap.com/maps?v=2.0&key=XXXXXXXXXXXXX"><
ArcGIS Pro 3.0加载在线高德地图
1、打开ArcGIS Online官网，登录自己的账号，登录后效果如下图所示 官网地址：https://www.arcgis.com/home/webmap/viewer.html 2、点击Add，选择Add Layer from Web，如下图所示 3、在显示的Add Layer from Web页面内，类型选择A Tile Layer，下面输入需要加载的TMS服务的链接，再下面勾
使用Vue3+ElementPlus+高德地图实现在浏览器中搜索地点并被标记在地图中
效果描述 在页面的输入框中输入想要查询的地点，在输入框的下方会提示跟输入的关键字有关地点，然后按下回车键或者选择下方罗列的地点即可让地图跳转到搜索的位置。 效果展示 页面渲染完成的时候 输入想要查询的地点 按下回车键之后 代码实现 <template><div><div id="container" style="width: 100%; height:
Angular封装高德地图组件实现输入框搜索,地图点击选地点
Angular封装高德地图组件实现输入框搜索,地图点击选地点(Angular17版本) 话不多说直接上代码 创建一个独立组件 html代码: <div style="position: relative;"><input #searchInput nz-input placeholder="请输入地址"/><div #mapContainer style="width: 100%;heig
高德的图创建实例记录
<div id="lhwmap" style="width:800px;height:800px;"></div> JS 部分： <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=f301688cccdde2e101fc68571038a9b7"></script><script type=
AndroidStudio使用高德地图API获取手机定位
一、高德地图API申请 首先去高德注册开发者账号 下面这两个选项，也是我们项目成功的关键 1.1怎么获取SHA1指纹密码 ①使用AS自带的签名文件 你的用户文件下面会有一个.android文件夹,进入文件夹,在这个路径下打开cmd 如果.android下面没有签名文件参考创建文章 输入: keytool -v -list -keystore debug.keystore(
vue3开发高德地图
在vue3的index.html 使用动态注入地址名和key <html lang="en"><head><meta charset="UTF-8" /><link rel="icon" type="image/svg+xml" href="/vite.svg" /><meta name="viewport" content="width=device-width, initial-scale
高德地图 JS API用于绘画船舶轨迹
文章目录 引言I 2.0升级指南1.1 修改 JSAPI 引用中的版本号到 2.01.2 相应修改 II 1.4.15 文档 引言 地图 JS API 2.0 是高德开放平台免费提供的第四代 Web 地图渲染引擎， 以 WebGL 为主要绘图手段，本着“更轻、更快、更易用”的服务原则，广泛采用了各种前沿技术，交互体验、视觉体验大幅提升，同时提供了众多新增能力和特性。 https
vue引入原生高德地图
由于工作上的需要，今天捣鼓了半天高德地图。 如果定制化开发需求不太高的话，可以用vue-amap，这个我就不多说了，详细就看官网 https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install 然而我们公司需要英文版的高德，我看vue-amap中好像没有这方面的配置，而且还有一些其他的定制化开发需求，然后就只用原生的高德。 其实
IOS 地图导航（其中包括苹果地图、百度地图、高德地图、谷歌地图）
前言：地图导航功能如果是导入第三方包来进行开发会增加App的大小，而通过openUrl来直接打开对应App软件显然是一个性价比较高的做法，因为IPhone手机本身就带有地图功能，所有我们并不用担心会出现没有地图可以调用的情况。 话不多说，直接贴码： #pragma mark 跳转到地图- (void)presentedToMapView{//用于返回到App，需要在Info中的U
使用高德地图api常见方法心得(1)
1.获取当前图层层数 实现AMap.OnCameraChangeListener这个接口,重写一下方法 @Overridepublic void onCameraChangeFinish(CameraPosition cameraPosition) {float leveltemp = aMap.getCameraPosition().zoom;System.out.println("---l
Android 调用第三方地图类App （高德 百度 百度网页版）
前言 最近项目中需要用到地图的功能，但是应用本身不是地图类应用，而且用地图只是为了分享和展示一个地点而已，所以完全没有必要去集成厚重的sdk到项目中来，所以想到了调起对应的地图类app来展示位置信息。当检测到安装了高德或者百度地图的时候，调起相对应的app展示，当没有这些地图app的时候，打开百度地图的网页版来实现地点的展示。 但是在实现调起高德或者百度地图
高德地图PlaceSearch标记点清除
在开发过程中发现引入 AMap.PlaceSearch 插件之后 增加map属性之后，地图上会出现自带的marker点， 这时通过 searchNearBy()成员方法获取到的地点值含有省市区等详细信息 但是将map属性注释掉之后 发现不返回省市区，但是又不想关联上展示marker点 找了找办法，只需要将map注释掉之后，新增 extensions: 'all' 属性，即可获取到省市
uniapp 高德地图与百度地图精准定位,高德地图定位报错
目前我这边测试发现的问题 UNIAPP 获取定位的代码 在这里插入代码片data的参数data() {return {id: 0, // 使用 marker点击事件 需要填写idtitle: 'map',latitude: 39.909,longitude: 116.39742,covers: [{latitude: 39.909,longitude: 116.39742,width: 50
Android高德地图添加范围覆盖物显示当前位置覆盖物
/*** 获取当前位置经纬度一次*/private void getLocationInfo() {LocationUtils.getInstance().getLocation(new LocationUtils.OnLocationChangedListener() {@Overridepublic void onSuccess(double latitude, double longitu
Android高德地图拖动选点
private AMap.OnCameraChangeListener mapChangedListener = new AMap.OnCameraChangeListener() {@Overridepublic void onCameraChange(CameraPosition cameraPosition) {// 添加当前坐标覆盖物if (mMarkerOption == null) {
高德地图实现多天路线规划(途经点显示自定义内容)+轨迹回放（显示车牌）
联系作者Q/V:783021975 Tips: 1.高德地图最多支持16个途径点，如果超过可以进行数据优化，或进行数据再次拆分进行规划 2023年6月20日更新 如果遇到 获取驾车数据失败 :INVALID_USER_SCODE 请确保是否按官方文档要求的配置了安全密钥 准备-入门-教程-地图 JS API | 高德地图API 引入地图 JSAPI 脚本之前增加设置 JSAP
高德地图AMap.Map is not a constructor
高德地图的js中有部分代码是异步执行的，就导致可能js还没有加载完，自己的代码就执行了，这种情况下，要保证地图的js加载顺序在最前面，并且支持返回callback的方式，这种方法是最靠谱，已经测试过好几种情况 <script src="http://webapi.amap.com/maps?v=1.4.0&key=您申请的key值&callback=init"></script> <scr
高德地图V3.3.2在非arm64-v8a,armeabi的CPU架构手机上运行奔溃的问题
aMap高德地图，AMap_3DMap_V3.3.2_20160525.jar，官方提供的so包只有两种:arm64-v8a,armeabi，也就是说除了arm64-v8a,armeabi两种cpu架构，其他CPU架构的手机显示高德地图都会奔溃： java.lang.UnsatisfiedLinkError: com.android.tools.fd.runtime.IncrementalCla
干货【挑战全网】中电联互联互通协议 最全高德地图充电桩接入指南，流量必火！慧哥开源充电桩平台V2.5.2
分享《一套免费开源充电桩物联网系统，是可以立马拿去商用的！》 一、和高德直接互联互通的优势： 1、高德官方直接互联互通，提供给合作商户独立发展自主权，不依赖任何第三方平台; 2、自己控制电站的上线、下线、修改电站名称、价格，并显示桩数、停车费，符合条件的显示优选电站; 3、接口打通后，不限制通过接口传过来的电站数量，可多可少; 4、可以挂接一个支付宝小程序（微信的不行），自己引流，
【Vue】vue项目中使用高德地图教程
在Vue项目中显示高德地图，你需要按照以下步骤进行 1. 注册高德开发者账号并获取API密钥2. 在Vue项目中引入高德地图API3. 在Vue组件中创建地图容器4. 在Vue组件中初始化地图5. 添加其他地图组件（可选）6. 处理地图事件（可选）7. 确保安全性8. 测试和调试 1. 注册高德开发者账号并获取API密钥 首先，在高德开放平台（https://lbs.amap.c
高德、百度地图自定义底图
前言 项目中需要用到地图，百度地图加载自定义底图是通过切片的方式加载，而不像高德地图直接加载一张完整图片，这里瓦片加载的好处得到体现：不会因为底图文件过大导致页面加载失败或假死。 另一方面，由于自己私下学习过百度地图API的用法，对百度地图更为熟悉，故最终采用了百度地图而非高德地图。 百度底图API网址： http://developer.baidu.com/map/index.php?t
拼接高德地图地址定位链接
根据已知的经度值(longitude)和纬度值(latitude)，拼接可定位的高德地图链接： mLocationUrl = "http://ditu.amap.com/regeo?lng="+longitude+"&lat="+latitude; 示例：longitude=104.06074583530426 ， latitude=30.5379691198173则： mLo
高德地图Fragment切换出现黑屏
问题 - 首页Activity中三个Fragment，第一个Fragment中包含一个装有MapView的Fragment和一个普通的Fragment，从地图Fragment切换到其他两个Fragment时出现短暂的黑屏，切回地图Fragment不会出现黑屏； 解决方案 - 把布局中MapView改成TextureMapView，其他不变，一切ok。 这种方案适用于我这种情况，网上的其他的