高德地图
文章平均质量分 56
jieyucx
这个作者很懒,什么都没留下…
展开
-
高德地图vue-amap实现区域掩膜卫星图且背景为灰色
vue-amap高德1.4.4,区域掩膜效果。//利用行政区查询获取边界构建mask路径。//也可以直接通过经纬度构建mask路径。// 设置地图中心点为北京。原创 2024-01-09 09:13:51 · 2073 阅读 · 0 评论 -
vue-amap区域显示,3d棱柱效果
2. demo显示高德地图效果如图:效果如图:代码如下:三、只显示某个区域效果如图:代码如下:四、3D棱柱区域效果如图:代码如下:五、添加卫星图层效果如图:代码如下:原创 2024-01-04 10:40:22 · 1333 阅读 · 0 评论 -
高德地图经纬度坐标导出工具
可以导出单个点,也可以导出多个,多个点可以连成线,可用于前端开发时自己模拟“线“数据。原创 2024-01-03 16:11:09 · 1059 阅读 · 1 评论 -
Echarts地图registerMap使用的GeoJson数据获取
也可以直接在地图上点击对应区域。可以选择省,市,区。原创 2023-11-28 09:25:51 · 2877 阅读 · 0 评论 -
vue项目中为高德地图信息窗体添加点击事件踩坑
这里遇到了一个坑,在给信息窗体中的内容添加点击事件时,在此记录一下踩坑和解决过程。原创 2023-07-26 17:42:24 · 1415 阅读 · 2 评论 -
高德地图通过图层layer实现对海量点的可视化渲染
在正文开始之前我先说说我为啥会使用这个技术来实现数据的可视化。事情是这样的,我接手了一个项目,里面有个需求是在地图上标记出他们公司的产品的使用分布。我接手的时候呢,我前面的那位大哥是,可能他在维护这个项目的时候,公司的产品上线的比较少,最多的时候也不超过2000个,所以通过for循环marker也没出现什么卡顿现象。可到我这里,好家伙,一下子数据飙到1w多,进那个页面之后了。所以说通过for循环marker的方式在数据量小的时候还可以,在大数据面前显然是不可取的。在高德官方呢也给出了解决方案,原创 2023-07-10 11:59:38 · 3371 阅读 · 0 评论 -
高德地图通过自定义marker属性extData和setTimeout回调实现对marker的实时监控功能
关键步骤,将数据的唯一值,定义到marker上。原创 2023-06-20 11:13:11 · 1003 阅读 · 0 评论 -
vue中使用高德地图实现懒加载标记点覆盖物
地图懒加载标记点是一种技术,用于在保证网页加载速度的前提下,实现地图标记点的渲染和呈现。通常地图标记点会在元素加载完毕后立刻渲染出来,如果标记点过多或者标记点所在的地图数据包过大,则会导致网页加载速度缓慢。而通过地图懒加载标记点技术,可以让标记点在用户需要查看地图时再被渲染,以减少页面加载时间和提高页面性能。该技术通过前端JavaScript控制地图事件和数据,使得只有当标记点所在的地图区域被用户浏览时,标记点才被渲染出来。同时,原创 2023-05-25 11:15:43 · 1217 阅读 · 1 评论 -
vue中使用高德地图实现历史轨迹回放并能控制播放轨迹的倍速
如何在vue中引入高德地图在这里就不过多赘述,大家可以看这篇参考。原创 2023-05-11 08:56:43 · 3432 阅读 · 3 评论 -
高德地图显示影藏交通图层
【代码】高德地图显示影藏交通图层。原创 2023-05-09 15:10:40 · 302 阅读 · 0 评论 -
在vue中引入高德地图
这两点在这篇文章就不过多赘述,有需要的小伙伴可以查查资料,或者去高德地图api官网都有很详细的介绍。简单提一下申请秘钥流程(web端)好啦!步入正题,在vue项目中引入高德地图。原创 2023-05-09 09:31:01 · 1620 阅读 · 0 评论