> 文章列表 > leaflet使用L.geoJSON加载文件,参数style的使用方法(128)

leaflet使用L.geoJSON加载文件,参数style的使用方法(128)

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);

<