Укладка Vectorgrid Layer в Leaflet

Question

Я пытаюсь стилизовать слой карты для листовки JS карты и получить следующий код, но он, кажется, совсем не раскрашивается:

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

Ответ может быть найден здесь . Имея журнал консолей e.layer, вы можете получить свойство, которое используется в качестве ключа для vectorTileOptions, а затем стилизовать его соответствующим образом.

Answer 2

Это бы сделало это:

.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