高德地图
文章平均质量分 85
十月ooOO
精通 JS/CSS/HTML,做点有用的东西。
展开
-
如何使用高德地图的 Loca 展示 gpx 文件的 3D 路径,Loca.LineLayer
找寻了好久,终于将这个展示 3D 路径的功能实现了。这里要用到高德地图的可视化 API Loca 进行 3D 路径的展示,之前也写过一个关于 Loca 如何加载和使用的,这里也不再具体介绍什么是 Loca。原创 2024-05-06 14:13:35 · 531 阅读 · 1 评论 -
高德地图绘制 GPX 路径,gpx 文件详解
gpx文件是在分享地图路径时最常用的一种数据格式。里面包含了路径点的相关信息,每个点还有可能拥有自己的时间、距离等信息。一直想自己导出自己的 gpx 路线,然后导入到地图中查看这个路线的具体信息,今天细致看了下,大体找到了方法,分享下。因为对高德地图的操作已经很熟了,所以再看官方的文档就很轻松,不熟的可以看看我以前关于高德地图的一些文章。Demo 页面:我要实现的结果是类似这样的:目前是这样的,当然日后会优化。原创 2024-01-19 15:34:49 · 6431 阅读 · 2 评论 -
高德地图实现点聚合,使用 AMap.MarkerCluster 插件
由于我这个页面是复用的,就是会根据路由值的不同,载入不同的内容,在整个地图生命周期中,这个 cluster 变量并不会改变。: 坐标,缺一不可,当然,除这两个字段数据外,可以根据自己需要添加其它信息,这些数据不会影响地图展示,但会在后面自定义标点的时候有用,后面有具体的数据内容说明。这也是后来遇到的一个问题,比如有多个项目点,如果其中一个项目点报警了,需要在这个聚合点上显示为报警状态。却只有一个数据,就是这几个点中权重最大的那个点的数据,它也是这个聚合点所在的地理位置。原创 2024-01-11 11:01:57 · 4167 阅读 · 3 评论 -
高德 web api 通过 adcode 获取地区实时天气信息,每天有30万次查询的免费额度
之前做了个路线规划的小应用:闲下来想看看能不能展示一下路线中的天气数据,查了下高德相关文档,找到了通过 adcode 获取天气信息的接口,它的免费调用次数是每天 30 万次,这个量用于路线规划是完全够用了。原创 2023-06-28 15:45:38 · 4018 阅读 · 2 评论 -
高德API JS 地图获取多个坐标点的中心点
我需要在地图上展示多个地点,并且展示的同时,地图缩放到合适的大小,要求刚好能显示全部点位,并且边缘留有一部分间隔。做成如图所示这样。原创 2023-06-01 16:50:50 · 5805 阅读 · 0 评论 -
高德地图 JS Web 添加自定义图标,自定义窗口标记
高德地图 JS Web 添加自定义图标,自定义窗口标记如何做一个类似这样的地点指示的地图:线上实例: https://kylebing.cn/tools/car-manage/你需要掌握的在进行之前你需要了解的:高德地图 Web 端 JS API 的使用,参阅:地图 JS API点(AMap.Marker)标记的基础用法所有 API 用到的对象,都是 AMap 的属性类,如 Marker, Circle, Icon 等等加自定义地点标记了解上面提到的知识之后,就可以添加自定义的标原创 2020-08-03 12:38:56 · 5153 阅读 · 2 评论 -
高德地图 API,点击地图标记获取自定义标记 (Marker) 中的信息
这里我们需要获取到上面提前定义好的值。答案全在mapEvent上,来看一下内都有什么:我们需要的是中的内容,它是一个 dom 对象:获取到了它,就能使用 dom 的操作方法对齐进行取值了:像下面这样,我们就取到了它的属性值。原创 2022-10-26 14:45:05 · 9940 阅读 · 5 评论