Esiste una galleria CSS Carto che contiene anche codice?


35

Attualmente sto esplorando l'utilizzo di CartoCSS e TileMill in uno dei nostri progetti. Ho visto l'impressionante galleria disponibile su http://www.mapbox.com/tilemill/gallery/

La galleria sembra impressionante, ma ho difficoltà a immaginare come abbiano raggiunto determinati effetti e stili. Gli esempi forniti nella Guida (ad esempio qui ) sembrano troppo basilari.

Sono disponibili esempi dettagliati di CartoCSS (anziché solo l'output) disponibili da qualche parte?

Risposte:


39

Sfortunatamente, non ce n'è ancora uno.

Mi sono chiesto la stessa cosa di tanto in tanto, ma negli anni ho trovato una manciata di esempi in cui ho tratto ispirazione e imparato. Sfortunatamente, la maggior parte degli autori non sta pubblicando tutto o parte del proprio lavoro. Inoltre, ci sono stati un paio di piccole modifiche a Carto, parte del codice potrebbe non essere aggiornato al 100% o potrebbe non sfruttare le attuali capacità di Carto e dovrai anche cambiare le cose poiché le persone usano tipi di dati diversi (query postgis , shapefile, json, ecc.) per le tue esigenze.

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

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

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

bella mappa di transito per codice per il partecipante americano jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Un ottimo modo per iniziare ad imparare carto. Questo è ciò che mi ha davvero aiutato a imparare il carto e spesso lo utilizzo come strato base per i progetti o per iniziare con un progetto. Una forchetta.

Stile mappa LA Quiet LA

Pandonia - stile creato da flickr

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

Alcuni esempi di Dane Springmeyer, Tilemill e sviluppatore di mapnik Questi sono molto sperimentali e spingono i limiti di ciò che si può fare in Carto.

Uno stile di mappatura per contesti umanitari di HOT, il team umanitario openstreetmap.

Inoltre, la porta cartocss dello stile predefinito OSM menzionato da maning è un bel lavoro.

Infine, questo nel mio repository github è anche un decollo decente di osm-bright:

Sperimentare questi stili e modificarli ti aiuterà davvero ad imparare.


Carto è anche usato in Mapbox-Studio-Classic (aka tilemill2) ma l'elaborazione dei dati di origine è diversa perché utilizza tessere vettoriali. Devi prima convertire la tua fonte di dati in una fonte di tessere vettoriale prima di usarla.

I seguenti stili, scritti per l'uso in Mapbox-Studio, utilizzano Mapbox-Streets come dati di origine se non diversamente specificato.

Stile in bianco e nero ad alto contrasto simile all'estetica di Ello - visualizzabile qui

vetiver

Una mappa di orientamento creata da Rafa di Mapbox - utilizza fonti di dati esterne

Darkly-Neon, di Stephen Smith

n \ | / 0, uno stile carto a tema Halloween che ho realizzato che utilizza numerose espressioni regolari. Se stai cercando di capire come usare le espressioni regolari in Carto, questo può aiutarti. Visualizzabile qui .

Infine, mentre sperimentate Mapbox-streets come un'origine dati, imparerete anche che alcuni presupposti sono inseriti nell'origine dati. Ad esempio, non è possibile visualizzare alcuni PDI che sono nodi nella #poi_label a un livello di zoom inferiore a 15 o 16.



Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.