有什么方法可以使用react-leaflet添加MultiPolyline组件吗?

时间:2019-05-21 01:18:14

标签: javascript reactjs leaflet openstreetmap react-leaflet

我正在尝试使用传单实现OpenSteetMap视图。 我创建了一个POC for the same

var map = L.map('map').setView([9.89445, 76.71272], 12).addLayer(osm);
var latlngs1 = [
    [[9.84644243, 76.81231223],
    [9.91437659, 76.82216573]],
    [[9.86079307, 76.69274206],
    [9.9061336, 76.69914242]]
];
var latlngs2 = [
    [[9.91437659, 76.82216573],
    [9.86079307, 76.69274206]]
];
var polyline1 = L.multiPolyline(latlngs1, {color: 'red'}).addTo(map);
var polyline2 = L.multiPolyline(latlngs2, {color: 'green'}).addTo(map);

由于我使用Reactjs创建应用程序,因此我开始使用提供反应组件的react-leaflet库。

但是我无法在react-leaflet中找到MulitPolyline组件。 Doc似乎不支持MultiPolyline。

有什么方法可以在React中添加该组件吗?

1 个答案:

答案 0 :(得分:1)

已将传单库更新为最新版本。代替multiPolyline使用polyLine,它工作正常

var map = L.map('map').setView([9.89445, 76.71272], 12).addLayer(osm);
var latlngs1 = [
[[9.84644243, 76.81231223],
[9.91437659, 76.82216573]],
[[9.86079307, 76.69274206],
[9.9061336, 76.69914242]]
];
var latlngs2 = [
[[9.91437659, 76.82216573],
[9.86079307, 76.69274206]]
];
var polyline1 = L.polyline(latlngs1, {color: 'red'}).addTo(map);
var polyline2 = L.polyline(latlngs2, {color: 'green'}).addTo(map);

http://jsfiddle.net/jeffjohny/wnrkq13o/1/