Что используется на этом сайте?

Question

[VegasChickiChicki]

https://editor.mujumaps.com/?headline=Amsterdam&su...

На сайте есть карта, вижу что используется Leaflet и open street map, но не могу понять, как стилизовать карту?
Все облазил, но как изменять так стиль, так и не понял( Прошу помощи, спасибо!

Comments

[Moskus]

Не смотрел код, но, вероятно, векторные тайлы либо от Mapbox, либо самодельные (там самый подробный уровень - довольно грубый).

[Игорь]

Обычные картинки
https://www.mujumaps.com/red/13/6459/3374.png

[VegasChickiChicki]

Игорь, Хотите сказать, там 4 цвета и 20 миллионов картинок на на каждый тип цвета и на всю карту?

[Игорь]

VegasChickiChicki, Я думаю, что всё это дело рендерится на стороне сервера.
И лежит себе в кеше.

Все картинки подгружаются как Img файлы.

[Moskus]

Игорь, жутко неоптимальное решение.

[VegasChickiChicki]

Moskus, Да я думаю это не так как сказал Игорь, ибо там карта всего мира, если даже размер каждой картинки будет 10 на 10 км, то там на каждый цвет будет лежать по несколько десятков миллионов изображений, ради такого хранить сервере терабайты фотографий?...

[Moskus]

VegasChickiChicki, ну, генерировать их по запросу - тоже не проблема. Но это всё равно довольно дурное решение.

[Moskus]

VegasChickiChicki, https://openmaptiles.org/ так нужно.

[VegasChickiChicki]

Moskus, Да, вроде того, но я хочу понять, как стилизуется карта, я уже видел пару сервисов для выбора цвета, вроде гугла или этого, но как это реализовано, я не могу понять(

[Moskus]

VegasChickiChicki, ну почитайте же документацию. Там по ссылке есть вообще всё про это.

Answer 1

[Erl]

https://leafletjs.com/examples/choropleth/ - это не то?

Comments

[VegasChickiChicki]

К сожалению нет, уже видел, это даст только обводку стран + заливку, а качество нужно вплоть до улиц.

[Erl]

VegasChickiChicki, https://github.com/xtk93x/Leaflet.TileLayer.ColorFilter тогда это

[Erl]

VegasChickiChicki, https://xtk93x.github.io/Leaflet.TileLayer.ColorFilter/ - это демка