Возможны многоцветные полилинии с помощью листовки

Question

У меня есть список LatLng, включая некоторые дополнительные данные (например, высота/высота), и я хотел бы отображать их с leaflet как Polyline. Вместо одиночной цветной линии я бы хотел, чтобы линия была окрашена в соответствии с этими дополнительными данными.

Возможно ли это с помощью листовки? Существуют ли плагины для чего-то подобного?

Answer 1

Для этого есть несколько плагинов. Например, этот: https://github.com/hgoebl/Leaflet.MultiOptionsPolyline

Answer 2

Вы можете сделать что-то вроде этого:

var states = [{ 
"type": "Feature", 
"properties": {"altitude": "high"}, 
"geometry": { 
    "type": "Polygon", 
    "coordinates": [[ 
     [-104.05, 48.99], 
     [-97.22, 48.98], 
     [-96.58, 45.94], 
     [-104.03, 45.94], 
     [-104.05, 48.99] 
    ]] 
} 
}, { 
"type": "Feature", 
"properties": {"altitude": "low"}, 
"geometry": { 
    "type": "Polygon", 
    "coordinates": [[ 
     [-109.05, 41.00], 
     [-102.06, 40.99], 
     [-102.03, 36.99], 
     [-109.04, 36.99], 
     [-109.05, 41.00] 
    ]] 
} 
}]; 
L.geoJson(states, { 
style: function(feature) { 
    switch (feature.properties.altitude) { 
     case 'high': return {color: "#ff0000"}; 
     case 'low': return {color: "#0000ff"}; 
    } 
} 
}).addTo(map); 

this См для получения дополнительной информации.