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