leaflet - 在 Leaflet 中设置 Vectorgrid 层的样式

Question

我正在尝试为leafletJS地图设置地图图层的样式并具有以下代码，但它似乎根本没有颜色：

var vectorTileOptions = {
    rendererFactory: L.canvas.tile,
    vectorTileLayerStyles: {
                            weight: 2,
                            color: 'yellow',
                            },
};

var mapLayer = L.vectorGrid.protobuf("/tiles/admin_countries/{z}/{x}/{y}", vectorTileOptions)

它只是呈现标准蓝色，我不确定我做错了什么，任何建议都会很棒。

Answer 1

这会做到：

.setStyle({fillColor: '#dd0000', color: '#dd0000', weight: 1, opacity: 0.8, fillOpacity: 0.8});

实际上，不，我认为您只需要调整那里的内容即可：

vectorTileLayerStyles: {
                        weight: 2,
                        fillColor: '#9bc2c4'
                        },

这里有很多关于它：https ://leaflet.github.io/Leaflet.VectorGrid/vectorgrid-api-docs.html#styling-vectorgrids

Answer 2

答案可以在这里找到，通过单击日志e.layer到控制台，您可以获得用作vectorTileOptions然后适当样式的键的属性。