随笔分类 - leaflet
leaflet
摘要：demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run
阅读全文
摘要：demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run
阅读全文
摘要：demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run
阅读全文
摘要：demo源码运行环境以及配置 运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。 运行工具：vscode或者其他工具。 配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i （2）启动demo命令：npm run
阅读全文
摘要：前言 leaflet 入门开发系列环境知识点了解： leaflet api文档介绍，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件，leaflet 的插件库，非常有用 内容概览 leaflet前端JS实现高德地图POI兴趣点批量分类下载 源代码de
阅读全文
摘要：前言 leaflet 入门开发系列环境知识点了解： leaflet api文档介绍，详细介绍 leaflet 每个类的函数以及属性等等 leaflet 在线例子 leaflet 插件，leaflet 的插件库，非常有用 内容概览 leaflet地图截图批量导出 源代码demo下载 效果图如下： 具体
阅读全文
摘要：我的简介： 来自于广东茂名，西南大学gis专业毕业。从毕业至今，已经七年多，在这七年多的时间里，一直在从事着跟gis相关的工作，专注webgis开发领域。总结一下自己的工作涉及领域包括以下几个部分： （1）gis地图数据处理：arcgis以及qgis桌面软件，导入处理gis地图数据，数据源主要是sh
阅读全文
摘要：具体实现思路：利用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地图范围裁剪
阅读全文
摘要：leaflet结合turf.js实现绘制图形缓冲分析buffer功能；源代码demo下载；绘制图形buffer实现借助了一个插件turf.js：http://turfjs.org
阅读全文
摘要：leaflet实现简单量算工具功能，源代码demo下载
阅读全文
摘要：内容概览：leaflet热力图功能；源代码demo下载
阅读全文
摘要：leaflet读取tif像素值的两种实现方式；源代码demo下载
阅读全文
摘要：本篇主要参考leaflet官网聚合效果插件Leaflet.markercluster:https://github.com/Leaflet/Leaflet.markercluster
这个聚合插件具体使用看github地址，那里有详细说明以及例子。
阅读全文
摘要：本篇主要参考截图插件domtoimage:https://github.com/tsayen/dom-to-image
地图全图导出直接用上面的domtoimage插件，然后矩形框选截图导出也是在domtoimage插件基础上自己计算矩形范围来实现的
阅读全文
摘要：本篇主要是参照leaflet结合geoserver利用WFS服务实现图层新增功能(附源码下载)基础上实现的，leaflet通过调用geoserver发布的地图服务WFS来达到图层编辑记录的目的。与GeoServer的WFS进行基于Rest交互关键就在于请求参数，值得注意的是这些请求最好采用POST方法发送。查询可以采用json，但增加，删除，修改都只能采用XML形式Transaction
阅读全文
摘要：本篇主要是在上一篇leaflet结合geoserver利用WFS服务实现图层新增功能(附源码下载)基础上实现的，leaflet通过调用geoserver发布的地图服务WFS来达到图层删除记录的目的。与GeoServer的WFS进行基于Rest交互关键就在于请求参数，值得注意的是这些请求最好采用POST方法发送。查询可以采用json，但增加，删除，修改都只能采用XML形式Transaction
阅读全文
摘要：本篇主要是leaflet通过调用geoserver发布的地图服务WFS来达到图层新增记录的目的。与GeoServer的WFS进行基于Rest交互关键就在于请求参数，值得注意的是这些请求最好采用POST方法发送。查询可以采用json，但增加，删除，修改都只能采用XML形式Transaction
阅读全文
