Leaflet GeoJSON

在 Leaflet 中，GeoJSON 是一种常见的用于表示矢量数据的数据格式。GeoJSON 由一系列的点、线和多边形组成，可以用来表示地理位置、边界和区域。以下是一些使用 GeoJSON 的 Leaflet 操作：

1. 加载 GeoJSON 数据：使用 Leaflet 的 ajax() 方法加载 GeoJSON 数据。你可以将 GeoJSON 数据存储在一个外部的 .json 文件中，然后使用 ajax() 方法加载该文件。

// 加载 GeoJSON 数据
var geojsonLayer = new L.GeoJSON.AJAX("data.geojson");

2. 将 GeoJSON 数据添加到地图中：使用 addLayer() 方法将 GeoJSON 数据添加到地图中。

// 将 GeoJSON 数据添加到地图中
geojsonLayer.addTo(map);

3. 样式设置：使用 style() 方法设置 GeoJSON 数据的样式，包括颜色、填充、线宽等。

// 设置 GeoJSON 数据的样式
geojsonLayer.style({
    color: "#ff0000",
    weight: 2,
    opacity: 0.5,
    fillOpacity: 0.2,
    fillColor: "#ff0000"
});

4. 弹出窗口：使用 bindPopup() 方法为 GeoJSON 数据添加弹出窗口。

// 为 GeoJSON 数据添加弹出窗口
geojsonLayer.bindPopup("<b>Hello world!</b><br>I am a popup.");

5. 事件绑定：使用 on() 方法为 GeoJSON 数据绑定事件，包括 click、mouseover 等。

// 为 GeoJSON 数据绑定 click 事件
geojsonLayer.on("click", function(e) {
    console.log("Clicked", e);
});

以上是使用 GeoJSON 的 Leaflet 操作，你可以根据实际情况进行调整和扩展。需要注意的是，GeoJSON 数据需要符合 GeoJSON 标准格式，否则在加载和处理过程中可能会出现问题。