Leaflet 矢量图层

在 Leaflet 中，矢量图层由 GeoJSON 数据组成。GeoJSON 是一种基于 JSON 格式的地理信息数据格式，可以用于存储表示点、线和面的矢量数据。以下是一些使用矢量图层的步骤：

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

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

2. 将矢量图层添加到地图中：使用 addLayer() 方法将矢量图层添加到地图中。

// 将矢量图层添加到地图中
geojsonLayer.addTo(map);

3. 样式设置：使用 style() 方法设置矢量图层的样式，包括颜色、填充、线宽等。

// 设置矢量图层的样式
geojsonLayer.style({
    color: "#ff0000",
    weight: 2,
    opacity: 0.5,
    fillOpacity: 0.2,
    fillColor: "#ff0000"
});

4. 弹出窗口：使用 bindPopup() 方法为矢量图层添加弹出窗口。

// 为矢量图层添加弹出窗口
geojsonLayer.bindPopup("<b>Hello world!</b><br>I am a popup.");

以上是使用 Leaflet 矢量图层的一些基本步骤，你可以根据实际情况进行调整和扩展。