首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >有没有办法用react-leaflet添加MultiPolyline组件?

有没有办法用react-leaflet添加MultiPolyline组件?
EN

Stack Overflow用户
提问于 2019-05-21 09:18:14
回答 1查看 131关注 0票数 0

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

代码语言:javascript
复制
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组件。

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

有没有办法在React中添加这个组件?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-21 09:32:04

将传单资料库更新至最新版本。使用polyLine代替了multiPolyline,它工作得很好

代码语言:javascript
复制
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/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56229911

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档