Existe-t-il une galerie CSS Carto qui contient également du code?

35

J'explore actuellement l'utilisation de CartoCSS et de TileMill dans l'un de nos projets. J'ai vu l'impressionnante galerie disponible à l' adresse http://www.mapbox.com/tilemill/gallery/

La galerie est impressionnante, mais j'ai du mal à comprendre comment ils ont obtenu certains effets et certains styles. Les exemples donnés dans le guide (par exemple ici ) semblent trop basiques.

Existe-t-il des échantillons détaillés de CartoCSS (plutôt que simplement de la sortie) quelque part?

Devdatta Tengshe
la source

Réponses:

39

Malheureusement, il n'y en a pas encore.

Je me suis parfois posé la même question, mais au fil des années, j'ai trouvé une poignée d'exemples qui m'ont inspiré et appris. Malheureusement, la plupart des auteurs ne publient pas tout ou partie de leurs travaux. De plus, il y a eu quelques petits changements dans carto, une partie du code peut ne pas être à jour ou peut-être ne tire pas parti des capacités actuelles de carto et vous devrez également changer les choses car les utilisateurs utilisent différents types de données (requêtes postgis , shapefiles, json, etc) pour vos besoins.

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

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

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

belle carte de transit par code pour le participant américain jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Une excellente façon de commencer à apprendre le carto. C'est ce qui m'a vraiment aidé à apprendre le carto et je l'utilise souvent comme couche de base pour des projets ou au début d'un projet. Une fourchette de celui-ci.

Style de carte '' Quiet LA '' de LA Times

Pandonia - style réalisé par flickr

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

Quelques exemples de Dane Springmeyer, Tilemill et du développeur mapnik Ils sont très expérimentaux et repoussent les limites de ce qui peut être fait dans Carto.

Un style de mappage pour les contextes humanitaires de HOT, l'équipe humanitaire openstreetmap.

De plus, le port cartocss du style par défaut OSM mentionné par maning est un travail intéressant.

Enfin, celui-ci dans mon repo github est un bon décollage d'osm-bright:

Expérimenter et modifier ces styles vous aidera vraiment à apprendre.


Carto est également utilisé dans Mapbox-Studio-Classic (alias tilemill2), mais le traitement des données source est différent car il utilise des mosaïques vectorielles. Vous devez d’abord convertir votre source de données en une source de mosaïque vectorielle avant de l’utiliser.

Les styles suivants, conçus pour être utilisés dans Mapbox-Studio, utilisent Mapbox-Streets comme données source, sauf indication contraire.

Esthétique similaire à Ello dans le style noir et blanc contrasté - visualisable ici

Vétiver

Une carte d'orientation réalisée par Rafa de Mapbox - utilise des sources de données externes

Darkly-Neon, de Stephen Smith

n \ | / 0, un style carto sur le thème d'Halloween que j'ai créé et qui utilise de nombreuses expressions régulières. Si vous cherchez à comprendre comment utiliser les expressions régulières dans Carto, cela peut aider. Visible ici .

Enfin, en expérimentant avec Mapbox-streets comme source de données, vous apprendrez également que certaines hypothèses sont intégrées à la source de données. Par exemple, vous ne pouvez pas afficher certains points d'intérêt qui sont des nœuds dans l'étiquette #poi ​​à un niveau de zoom inférieur à 15 ou 16.

Volonté.
la source