摘要:
大概实现思路如下:
1.创建矢量图层;
2.设置矢量图层样式,以样式组形式;
3.矢量图层样式组底层保持不变,改变矢量图层的要素feature属性值,动态更新顶层样式的线间隔lineDashOffset属性值,达到线水流动效果。
关键点:矢量图层的样式style内部更新渲染机制,在图层可见范围,地图缩放会自动触发;矢量图层的要素设置属性值变化的话,也会触发。 阅读全文
摘要:
具体实现思路:利用Leaflet-Geoman插件绘制点线面,然后结合colorPick颜色带器拾取RGB颜色值,前端leaflet地图动态设置点线面不同样式Style 阅读全文
摘要:
前言 leaflet 入门开发系列环境知识点了解: leaflet api文档介绍,详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件,leaflet 的插件库,非常有用 内容概览 leaflet结合PostGIS动态渲染矢量瓦片源代码demo下载 效 阅读全文
摘要:
具体实现思路:leaflet结合Web Worker技术,借助supercluster插件,实现leaflet快速展示聚合效果。矢量瓦片请求数据源部分也放在Worker线程来处理,避免阻塞主线程UI交互部分响应。
测试数据:聚合点23.8w,矢量瓦片数据源15w左右。 阅读全文
摘要:
leaflet拓展wms以及wmts地图范围裁剪 阅读全文
摘要:
内容概览:openlayers6地图截图导出功能;源代码demo下载 阅读全文
摘要:
前几天群里,有位群友在咨询arcgis api 4加载arcgis server本地离线瓦片,好像网上搜索都是arcgis api 3加载的;刚好我今天有空,就测试一下arcgis api 4加载的案例,具体实现参考arcgis api 3加载的例子以及arcgis api 4官网自定义瓦片图层例 阅读全文
摘要:
leaflet结合turf.js实现绘制图形缓冲分析buffer功能;源代码demo下载;绘制图形buffer实现借助了一个插件turf.js:http://turfjs.org 阅读全文
摘要:
openlayers6结合echarts4实现迁徙图 阅读全文
摘要:
leaflet实现简单量算工具功能,源代码demo下载 阅读全文