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

Question

我正在使用 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=""
                 />

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

Answer 1

简短的回答

使用边界绘制一个像这样的彩色矩形L.rectangle(bounds, {color: "#ff7800", weight: 1}).addTo(map);。有关详细信息，请参阅相关文档。

解释

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