Leaflet JS (react-leaflet) - 用透明颜色填充的边界框答案

【问题标题】：Leaflet JS (react-leaflet) - Bounds Box Filled With Transparent ColorLeaflet JS (react-leaflet) - 用透明颜色填充的边界框
【发布时间】：2016-07-15 00:35:47
【问题描述】：

我正在使用 react-leaflet 包，但是，如果您可以用简单的传单回答问题，那也会很有帮助。

我成功地平移到我提供的多边形的边界，如下所示：

<Map center={position}
                 zoom={13}
                 bounds={this.state.bounds}
                 className="campaignimagery-map">
                 <TileLayer
                    url="http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                    attribution=""
                 />

但是，我希望整个多边形边界框是某种透明颜色，以便他们可以准确地看到边界框在地图上的位置。这可能吗？

【问题讨论】：

您到底想达到什么目的？你的意思是添加一些线来代表你的矩形边界？

标签： javascript reactjs leaflet react-leaflet

【解决方案1】：

简答

使用边界绘制像L.rectangle(bounds, {color: "#ff7800", weight: 1}).addTo(map); 这样的彩色矩形。更多信息请参见相关documentation。

说明

我认为不可能按原样为边界着色，但您可以使用边界来绘制多边形。然后可以根据需要对多边形本身进行着色和管理。

【讨论】：