随笔分类 - Leaflet学习笔记
摘要：已经谢过了Openlayer的矢量切片，在这里写一篇关于LeaFlet加载矢量切片的文章，关于矢量切片的概念可以参考我写OpenLayer加载矢量切片的那篇文章传送文章 一、效果图 二、需要用到的插件 leaflet 需要使用插件L.vectorGrid.protobuf 这只是插件的一个类用来加载
阅读全文
摘要：本文主要将如何通过tileLayer加载高德地图，如何通过tileLayer.wms加载Geoserver的WMS服务，下面介绍主要的代码 效果图： 注：中国板块图是加载Geoserver的WMS服务完成的 一、加载高德地图代码 二、加载Geoserver的WMS服务代码 全部代码：
阅读全文
摘要：leaflet给定的坐标系中规中矩，就那几个，如果在项目遇到了需要用到我国2000一类的坐标系，怎么办？解决方法只有一个那就是自定义坐标系,由于leaflet是轻量性的，自定义坐标系需要借助Proj4Leaflet，leaflet的生态非常好，插件很多，这是他的有点也是它的缺点。 一、如何定义坐标系
阅读全文
摘要：geoserver 能很好地和ol进行结合，geoserver是一个很好的开源的服务器，免费开源，虽然在使用上还比不上ArcGerser但是开源，leaflet主框架支持加载wms服务，没有WFS服务，加载WFS需要用个WFS插件，但是限制太多，在这里选用的方式为 Ajax的方式加载，加载返回geo
阅读全文
摘要：前言：在控件自定义上，比较简单，我们只需要按照特有的模板进行，简单的填充就行了，在模板中添加适当的方法即可。 一、基本模板 例如我们可以添加一个位置参数position该参数有四个可选值 二、demo案例 三、效果图 上图是添加一个图例，效果看下图 一个渐变色图例填充，主要做自定控件的测试。
阅读全文
摘要：前言：canvas是一个非常好的东西，但是这个东西如何与leaflet进行结合，翻了一遍LeaFlet的API没有发现如何用canvas和LeaFlet相结合，难道两者无法集合天无绝人之路，最终我还是找到了DivIcon相结合，能达到目的。也可以利用DivIcon做一些简单的动画，当然也可以同样结合
阅读全文
摘要：前言：Handler，是地图交互的一个类，该类主要是用于和地图的一些基本的交互，例如，缩放，平移一些操作，在map类有handler对象，在map对象中，好多人误认为这是一种属性，用=进行赋值操作，这样做是错误的。下面结合map类中的对象进行一些介绍。 首先看张图： 一、handler类的一些基本的
阅读全文
摘要：前言：对于GeoJson数据相信身为一个GISer都会多少有一些了解，是一种非常重要的数据格式，OL和LeaFlet都有读取该数据格式的方式，在LeaFlet中读取该数据的格式的一些方法，封装到GeoJson类中。 一、创建形式 L.geoJSON(<Object> geojson?, <GeoJS
阅读全文
摘要：前言：在arcgis openlayer 都会用到迁徙图，这些图都是为了展示一些是数据所需要的，做了一年的gis开发，给我的感受WebGIS始终围绕的是对数据的展示，并不是侧重于数据的深挖掘，WebGIS在分析上还欠完善，个人认为，现在的WebGIS还是查一查，看一看，和前几年的三维可视化差不多，废
阅读全文
摘要：前言：说起来GIS我觉得侧重于分析，渲染展示，做出来一些直观的专题图让人一眼就能了解数据的含义，今天结合的leaflet的插件实现数据的可视化，该插件可以做很多的功能，下面是一些地址： api插件地址：https://github.com/humangeo/leaflet-dvf/wiki/6.-M
阅读全文
摘要：在地图上进行一些文字的标注有些场景我们会用到，在这里我们文字标注用到了DivICon图标，通过与mark相结合，将mark的图标设置为DivICon图标，进行文字标注，放张图看看效果： 一、全部代码 二、总结 html是标注的内容，iconSize是图标大小是个正方形概念，className这是di
阅读全文
摘要：这两天一直 在整这个热力图，官网给的插件用的heatmap.js打开插件，很恶心的是我并没有找到插件下载压缩包，无奈我就用给出的demo里面的js做的。 一、需要拖入的js 如果想省事可在这里下载 插件下载 二、配置中参数意思 三、全部源码 四、总结 这里的热力图效果，可以把这些经纬度，数量等信息放
阅读全文
摘要：本文主要结合turf.js生成等值线俺，进行展示效 一、放张图： 二、全部源码 三、总结 这里是等值线，可不是等高线，等高线不会相交，等值线可能相交，数据平滑参考牛老师ol4的等值线效果。
阅读全文
摘要：官网给的解释：处理HTML元素的网格的泛型类。这是所有tile层的基类，并替换TileLayer.Canvas。GridLayer可以扩展为创建一个HTML元素的网格，比如。GridLayer将为您处理创建和动画这些DOM元素。 放张图 一、createtile方法 1、同步使用 要创建自定义层，请
阅读全文
摘要：leaflet实现聚合效果是通过插件进行的，虽然leaflet是轻量级的但是，许多功能都是没有依赖插件来完成，关于这有缺点也有有点，通过这几天对leaflet感觉一直都在依靠插件完成，本身就两个主题类，map和layer，如果是小型项目展示地图一类的，做一些基本的功能leaflet非常适合，给我最大
阅读全文
摘要：底图使用mapbox设置样式加载的，由于mapbox我也只会简单的应用在这里就不多说了，本文主要讲的是动态图形的绘制写的比较糙，代码重复太多，仅为展示所用，可以动态绘画点，线，圆，多边形。 一、概述 主要的用的就是事件click、mousedown、mousemove、mouseup事件，Leafl
阅读全文
摘要：至于为啥要学Leaflet我也不知道为啥，随便学学，以后可能用的上，Leafleat好小啊1.4M，很轻巧，官网给的API简单明了，很简单，基本的地图操作都有，支持浏览器和手机客户端 一、文件引入（这里用的官网最新的那个18年发布的） 把下载的js文件和Css文件引入在头部 二、map的style设
阅读全文
浙公网安备 33010602011771号