-1
有没有什么方法在单张上用闪亮的方式显示两条不同颜色的折线(例如:基于道路限速)?任何帮助可以高度赞赏。用闪亮的两种不同颜色显示单张地图的一条折线
有没有什么方法在单张上用闪亮的方式显示两条不同颜色的折线(例如:基于道路限速)?任何帮助可以高度赞赏。用闪亮的两种不同颜色显示单张地图的一条折线
您可以使用此插件:http://hgoebl.github.io/Leaflet.MultiOptionsPolyline/demo/
你必须定义的速度在您的GeoJSON属性各点。
然后你只需要后添加以下代码:
var myPolyline = L.multiOptionsPolyline(YourGeoJSONHere, {
multiOptions: {
optionIdxFn: function (latLng) {
var i,
speedThresholds = [5, 10, 15, 30];
for (i = 0; i < speedThresholds.length; ++i) {
if (latLng.alt <= speedThresholds[i]) {
return i;
}
}
return speedThresholds.length;
},
options: [
{color: '#0000FF'}, {color: '#0040FF'},
{color: '#0080FF'}, {color: '#00FFB0'}
]
},
weight: 5,
opacity: 0.9,
smoothFactor: 1
}).addTo(layerTrace);
对于速度:https://github.com/hgoebl/Leaflet.MultiOptionsPolyline/blob/master/demo/js/demo.js#L59-L80