文章列表：Leaflet入门
Leaflet笔记(13)移动端使用Leaflet定位用户位置
本文介绍使用 Leaflet 获取用户位置的方法。 在 HTML5 的规范中已经增加了获取用户位置的接口，可以看这里：关于HTML5中的定位函数。但在 Leaflet 下，做了更进一步的封装，直...
Leaflet笔记(12)移动端使用Leaflet展示全屏地图
本文介绍移动端使用 Leaflet 显示一个全屏地图的方法。 PS: 其实也没什么高深的，具体来说就是CSS，与 Leaflet 关系不大。 CSS 代码 * { padding: 0; ...
Leaflet笔记(11)监听Marker的点击事件
前方《Leaflet笔记(9)最简单的事件响应》和《Leaflet笔记(10)Leaflet实现点击显示当前经纬度的效果》都是对地图实例本身做的事件监听及响应，其实在Leaflet中每种实现对象...
Leaflet笔记(10)Leaflet实现点击显示当前经纬度的效果
上文《Leaflet笔记(9)最简单的事件响应》实现了最基本的click响应，本文将上文的例子包装一下，实现一个点击显示一个Popup的效果。基本效果如图： Leaflet监听点击事件并弹出P...
Leaflet笔记(9)最简单的事件响应
之前写了Leaflet中绘图添加Marker等方法，本文介绍在Leaflet中添加简单的事件响应方法。事件是地图交互的重要桥梁，通过事件可以使用户方便的查看控制地图的各种行为。下面以点击地图这个...
Leaflet笔记(8)在地图上单独绘制弹出框(Popup)
上文《Leaflet笔记(7)在地图上绘制弹出框(Popup)》中添加的Popup是依托其他对象绑定的，比如Marker、Polygon等，Popup也可以单独创建并添加到图层中。其创建过程如下...
Leaflet笔记(7)在地图上绘制弹出框(Popup)
本文介绍在Leaflet的地图上绘制弹出框（Popup）的方法。什么是Popup？就是类似下面的效果。 可以看到在前文绘制的Marker上位置增加了一个弹出的提示框。这个效果在Leaflet中...
Leaflet笔记(6)在地图上绘制多边形(Polygon)
本文介绍在Leaflet的地图上绘制多边形（Polygon）的方法。 先放一个效果图 可以看到在前文绘制的圆形的位置增加了一个蓝色边框的多边形。这个方法也比较简单，代码如下： Leaflet绘...
Leaflet笔记(5)在地图上绘制圆形
上文《Leaflet笔记(4)在地图中添加标记Marker》介绍了使用Leaflet添加Marker的方法。本文介绍在地图上绘制圆形的方法。 先放一个效果图 可以看到在前文标记Marker的位...
Leaflet笔记(4)在地图中添加标记Marker
上文《Leaflet笔记(3)加载自定义MapBox地图》介绍了使用Leaflet加载自定义地图方法，下面将介绍系列在地图上交互的方法。本文介绍在地图中添加一个Marker的方法。 先放一个效果...
Leaflet笔记(3)加载自定义MapBox地图
上文介绍了MapBox的简要使用方法，并使用MapBox创建了自定义地图，那么就可以在Leaflet中加载进来。方法如下 先放一个效果图 这里加载的是一幅卫星地图。 复制Leaflet分享地址...
Leaflet笔记(2)注册并使用MapBox
本文简单介绍一下MapBox及注册使用MapBox的方法。 关于MapBox Mapbox是一个在线的地图平台，利用它可以方便的创建（更确切的说是设计）在线地图，其使用的主要数据源为OpenSt...
Leaflet笔记(1)最简单的入门程序——显示地图
本文实现Leaflet的最基本的功能，在web中加载地图。实现步骤如下: 1.引入Leaflet文件 在<head>中加入如下代码： <link rel="style...
Leaflet学习笔记【更新中】
最近开始入门前端的开发学习，想到最近WebGIS的火热，所以也要给自己找点目标，学点新东西。于是乎开始我的Leafletjs的学习过程，本文将记录我学习Leaflet的一些点滴。 关于Leafl...
