Существует ли галерея CSS Carto, которая также содержит код?


35

В настоящее время я изучаю возможность использования CartoCSS и TileMill в одном из наших проектов. Я видел впечатляющую галерею, доступную по адресу http://www.mapbox.com/tilemill/gallery/

Галерея выглядит впечатляюще, но мне сложно представить, как они достигли определенных эффектов и стилей. Образцы, приведенные в Руководстве (например, здесь ), кажутся слишком простыми.

Есть ли где-нибудь подробные образцы CartoCSS (а не только выход)?

Ответы:


39

К сожалению, пока нет ни одного.

Я время от времени спрашивал себя об одном и том же, но я нашел несколько примеров за те годы, которые я черпал некоторое вдохновение и чему научился. К сожалению, большинство авторов не публикуют свои или некоторые из своих работ. Кроме того, в carto произошла пара небольших изменений, часть кода может не обновляться на 100% или не использовать текущие возможности carto, и вам также придется менять вещи, поскольку люди используют разные типы данных (постгис-запросы , шейп-файлы, JSON и т. д.) для ваших нужд.

https://github.com/andrewharvey/osm-hybrid-carto

https://github.com/aaronlidman/Toner-for-Tilemill

https://github.com/ajashton/simple-osm

хорошая карта транзита по коду для американского участника jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Отличный способ начать изучение карт. Это то, что действительно помогло мне изучить карто, и я часто использую его как базовый слой для проектов или начинаю с него для проекта. Вилка этого.

Стиль карты «Тихий Лос-Анджелес» от LA Times

Пандония - стиль, созданный Flickr

https://github.com/wboykinm/geosprocket-carto

Некоторые примеры от Дейна Спрингмейера, разработчика Tilemill и mapnik. Они очень экспериментальны и расширяют границы того, что можно сделать в Carto.

Стиль картографирования для гуманитарных контекстов от HOT, гуманитарной команды openstreetmap.

Кроме того, порт cartocss со стилем OSM по умолчанию, упомянутый maning, является хорошей работой.

И, наконец, этот репозиторий в моем github-репозитории - тоже достойный взлет osm-bright:

Эксперименты с этими стилями и их изменение действительно помогут вам учиться.


Carto также используется в Mapbox-Studio-Classic (aka tilemill2), но обработка исходных данных отличается, поскольку она использует векторные плитки. Вы должны сначала преобразовать свой источник данных в источник векторных листов, прежде чем использовать его.

Следующие стили, написанные для использования в Mapbox-Studio, используют Mapbox-Streets в качестве исходных данных, если не указано иное.

Высококонтрастный черно-белый стиль, похожий на эстетику Ello - здесь можно посмотреть

Vetiver

Карта ориентирования, созданная Рафа из Mapbox - использует внешние источники данных

Темно-неоновый, от Стивена Смита

n \ | / 0, созданный мной стиль хэллоуинской тематики, в котором используются многочисленные регулярные выражения. Если вы хотите понять, как использовать регулярные выражения в Carto, это может помочь. VIEWABLE здесь .

Наконец, поэкспериментировав с Mapbox-улицами в качестве источника данных, вы также узнаете, что некоторые предположения встраиваются в источник данных. Например, вы не можете отобразить некоторые POI, которые являются узлами в #poi_label при уровне масштабирования ниже 15 или 16.



Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.