leaflet使用L.geoJSON加载文件，参数style的使用方法（128）

第128个

点击查看专栏目录

本示例的目的是介绍演示如何在vue+leaflet中加载geojson文件，这里介绍style的使用方法。

style选项可以用来以两种不同的方式来设置样式。

方法(1)
var myStyle = {
    "color": "#ff7800",
    "weight": 5,
    "opacity": 0.65
};
L.geoJSON(geojsonData, {
    style: {
    "color": "#ff7800",
    "weight": 5,
    "opacity": 0.65
}
}).addTo(map);

方法(2)
L.geoJSON(geojsonData, {
    style: function(feature) {
        switch (feature.properties.XX) {
            case '1': return {color: "#ff0000"};
            case '2':   return {color: "#0000ff"};
        }
    }
}).addTo(map);

<