javascript - Leafletjs 中折线之间不需要的多边形

标签 javascript leaflet polyline

我使用 LeafletJS 创建了折线来连接 openstreetmap 上的标记。但是,当我向折线函数添加两个以上的点时,点之间会出现不需要的黄色三 Angular 形。 (下面的图片和代码)

triangle appears when more than two points in polyline

这是一个已知问题还是我的代码中存在错误?我尝试查看文档和几个示例,他们以相同的方式执行此操作。

    var firstpolyline = L.polyline([[53.095039, -7.921957],
    [51.143901, -1.434145],
    [52.915245, 6.869848]], {color: 'red'}).addTo(map);

最佳答案

事实证明,您必须指定 fill:'false', fillOpacity:'0',其中颜色设置为删除黄色三 Angular 形(多边形填充)。现在只剩下红线了。

文档链接位于:https://leafletjs.com/reference-1.4.0.html#polyline

关于javascript - Leafletjs 中折线之间不需要的多边形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56832671/

相关文章:

python - 传单 PDF 分页符溢出

javascript - Leaflet路由控制新路由错误

javascript - 传单标记 addEventListener

java - Google Maps Android api v2 折线长度

javascript - 如何更改一个特定的 CSS 类

javascript - 动态地将值传递给 name={};并获得特定的值

javascript - 删除处于 react 状态的数组的第一项

javascript - 谷歌地图 API : Setting up callbacks for adding markers/polyline

google-maps - Google Maps API v3 删除所有折线

javascript - 如何使用 CSS 和 JavaScript 创建可自定义的动态网格布局?