Leaflet初体验0x3：GeoJSON

使用Leaflet处理GeoJSON数据详解

最新推荐文章于 2025-10-25 16:57:57 发布

原创

最新推荐文章于 2025-10-25 16:57:57 发布 · 2.9k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#GeoJSON #Leaflet #onEachFeature #Leaflet filter #pointToLayer

这篇博客介绍了GeoJSON的定义和特性，包括其在GIS中的应用，以及如何使用Leaflet库将其作为图层添加到地图中。重点讨论了GeoJSON图层的样式设置，如简单方法和函数方法，特别提到了pointToLayer和onEachFeature方法在自定义点样式和绑定点击事件中的作用。还介绍了filter选项用于控制GeoJSON特征的可见性。

许多GIS技术和服务中，GeoJSON正成为一种非常流行的数据格式——它简单、轻量级、直接，并且用Leaflet可以很好处理。

什么是GeoJSON ？

GeoJSON是一种用于编码各种地理数据结构的格式。GeoJSON对象可以表示空间区域(几何图形)、空间有界实体(要素)或多个要素(要素集)。GeoJSON支持以下类型:Point、LineString、Polygon、MultiPoint、MultiLineString、MultiPolygon和GeometryCollection。GeoJSON中的要素包含一个几何对象和其他属性，一个要素集包含多个要素。

了解更多： GeoJSON Specification (RFC 7946)

一个简单的 GeoJSON要素

//创建要素
var geojsonFeature = {
	"type":"Feature",
	"properties":{
		"name":"lgd",
		"amenity":"教育",
		"popupContent":"I'm here!"
	},
	"geometry":{
		"type":"Point",
		"coordinates":[121.655045,42.045468]
	}
};
//添加要素
L.geoJSON(geojsonFeature).addTo(mymap);

GeoJSON图层

GeoJSON对象通过GeoJSON图层添加到地图中。

L.geoJSON(geojsonFeature).addTo(mymap);

var myLines = [{
	"type":"LineString",
	"coordinates":[[121.648736,42.04985],[121.670408,42.051316],[121.67927,42.052097]]
},{
	"type":"LineString",
	"coordinates":[[121.639042,42.041397],[121.642363,42.031046],[121.644541,42.024845]]
}];
var myLayer = L.geoJSON().addTo(mymap);
myLayer.addData(myLines);

最低0.47元/天解锁文章