Leaflet初体验0x3：GeoJSON

最新推荐文章于 2024-07-01 09:36:29 发布

cellinlab

最新推荐文章于 2024-07-01 09:36:29 发布

阅读量2.7k

点赞数 2

分类专栏： WebGIS Leaflet 文章标签： GeoJSON Leaflet onEachFeature Leaflet filter pointToLayer

本文链接：https://blog.csdn.net/funkstill/article/details/85775061

版权

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

摘要由CSDN通过智能技术生成

许多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.ad