麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

文章列表:Leaflet学习笔记

「GIS教程」使用Vue和Leaflet实现地图量测功能

「GIS教程」使用Vue和Leaflet实现地图量测功能

本文介绍了Web端使用Leaflet开发库进行距离量测的一种方法。

「GIS教程」使用Vue和Leaflet实现地图聚合功能

「GIS教程」使用Vue和Leaflet实现地图聚合功能

本文介绍了Web端使用Leaflet开发库进行地图聚合查询的一种方法。

「GIS教程」使用Vue和Leaflet实现地图网格

「GIS教程」使用Vue和Leaflet实现地图网格

本文介绍了Web端使用Leaflet开发库显示地图经纬网和标准图幅网格的方法 (底图来源 中科星图)。

「GIS教程」使用Vue和Leaflet实现地图卷帘功能

「GIS教程」使用Vue和Leaflet实现地图卷帘功能

本文介绍了Web端使用Leaflet开发库实现地图卷帘效果的方法 (底图来源 中科星图)。

「GIS教程」使用Vue和Leaflet实现鹰眼图效果

「GIS教程」使用Vue和Leaflet实现鹰眼图效果

本文介绍了Web端使用Leaflet显示鹰眼图的方法 (底图来源 中科星图)。

「GIS教程」使用Vue和Leaflet实现热力图效果

「GIS教程」使用Vue和Leaflet实现热力图效果

本文介绍了Web端使用`Leaflet`开发库展示热力图方法 (底图来源 中科星图)。

使用Vue和Leaflet实现地图放大镜效果(附详细源码)

使用Vue和Leaflet实现地图放大镜效果(附详细源码)

本文介绍了Web端使用`Leaflet`开发库显示地图放大镜的方法 (底图来源 中科星图)。

「Leaflet笔记」使用Vue和Leaflet实现克里金插值

「Leaflet笔记」使用Vue和Leaflet实现克里金插值

本文介绍了Web端使用`Leaflet`开发库进行克里金插值的三种方法 (底图来源 中科星图)。

Leaflet笔记(13)移动端使用Leaflet定位用户位置

Leaflet笔记(13)移动端使用Leaflet定位用户位置

本文介绍使用 Leaflet 获取用户位置的方法。 在 HTML5 的规范中已经增加了获取用户位置的接口,可以看这里:关于HTML5中的定位函数。但在 Leaflet 下,做了更进一步的封装,直...

Leaflet笔记(12)移动端使用Leaflet展示全屏地图

Leaflet笔记(12)移动端使用Leaflet展示全屏地图

本文介绍移动端使用 Leaflet 显示一个全屏地图的方法。 PS: 其实也没什么高深的,具体来说就是CSS,与 Leaflet 关系不大。 CSS 代码 * { padding: 0; ...

Leaflet笔记(11)监听Marker的点击事件

Leaflet笔记(11)监听Marker的点击事件

前方《Leaflet笔记(9)最简单的事件响应》和《Leaflet笔记(10)Leaflet实现点击显示当前经纬度的效果》都是对地图实例本身做的事件监听及响应,其实在Leaflet中每种实现对象...

Leaflet笔记(10)Leaflet实现点击显示当前经纬度的效果

Leaflet笔记(10)Leaflet实现点击显示当前经纬度的效果

上文《Leaflet笔记(9)最简单的事件响应》实现了最基本的click响应,本文将上文的例子包装一下,实现一个点击显示一个Popup的效果。基本效果如图: Leaflet监听点击事件并弹出P...

Leaflet笔记(9)最简单的事件响应

Leaflet笔记(9)最简单的事件响应

之前写了Leaflet中绘图添加Marker等方法,本文介绍在Leaflet中添加简单的事件响应方法。事件是地图交互的重要桥梁,通过事件可以使用户方便的查看控制地图的各种行为。下面以点击地图这个...

Leaflet笔记(8)在地图上单独绘制弹出框(Popup)

Leaflet笔记(8)在地图上单独绘制弹出框(Popup)

上文《Leaflet笔记(7)在地图上绘制弹出框(Popup)》中添加的Popup是依托其他对象绑定的,比如Marker、Polygon等,Popup也可以单独创建并添加到图层中。其创建过程如下...

Leaflet笔记(7)在地图上绘制弹出框(Popup)

Leaflet笔记(7)在地图上绘制弹出框(Popup)

本文介绍在Leaflet的地图上绘制弹出框(Popup)的方法。什么是Popup?就是类似下面的效果。 可以看到在前文绘制的Marker上位置增加了一个弹出的提示框。这个效果在Leaflet中...