Apakah ada Galeri CSS Carto yang juga berisi kode?


35

Saat ini saya sedang mengeksplorasi penggunaan CartoCSS dan TileMill di salah satu proyek kami. Saya telah melihat galeri yang mengesankan tersedia di http://www.mapbox.com/tilemill/gallery/

Galeri ini terlihat mengesankan, tetapi saya mengalami kesulitan untuk membayangkan bagaimana mereka mencapai efek dan gaya tertentu. Sampel yang diberikan dalam Panduan (misalnya di sini ) tampaknya terlalu mendasar.

Apakah ada sampel terperinci dari CartoCSS (bukan hanya output) yang tersedia di suatu tempat?

Jawaban:


39

Sayangnya, belum ada.

Saya pernah bertanya pada diri saya hal yang sama kadang-kadang tetapi saya telah menemukan beberapa contoh selama bertahun-tahun saya telah mengambil beberapa inspirasi dan belajar. Sayangnya, sebagian besar penulis tidak mempublikasikan semua atau sebagian dari karya mereka untuk umum. Juga, ada beberapa perubahan kecil dalam carto, beberapa kode mungkin tidak 100% terbaru atau mungkin tidak mengambil keuntungan dari kemampuan saat ini dan Anda juga harus mengubah hal-hal karena orang menggunakan tipe data yang berbeda (pertanyaan postgis pertanyaan , shapefile, json, dll) untuk kebutuhan Anda.

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

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

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

peta Transit yang bagus berdasarkan Kode untuk amerika peserta jlord - https://github.com/codeforamerica/Transit-Map-in-TileMill

https://github.com/mapbox/osm-bright - Cara yang bagus untuk mulai belajar carto. Inilah yang benar-benar membantu saya belajar carto dan saya sering menggunakannya sebagai lapisan dasar untuk proyek atau mulai dengan itu untuk proyek. Garpu itu.

LA Times '' Quiet LA 'Map style

Pandonia - gaya yang dibuat oleh flickr

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

Beberapa contoh dari Dane Springmeyer, Tilemill dan pengembang mapnik Ini sangat eksperimental dan mendorong batas-batas apa yang dapat dilakukan di Carto.

Gaya pemetaan untuk konteks kemanusiaan dari HOT, tim openstreetmap kemanusiaan.

Selain itu, port cartocss dari gaya default OSM yang disebutkan oleh maning adalah pekerjaan yang bagus.

Terakhir, yang satu ini di repo github saya adalah take off yang layak dari osm-bright juga:

Bereksperimen dengan gaya-gaya ini dan memodifikasinya akan sangat membantu Anda belajar.


Carto juga digunakan di Mapbox-Studio-Classic (alias tilemill2) tetapi pemrosesan data sumber berbeda karena menggunakan ubin vektor. Anda harus terlebih dahulu mengubah sumber data Anda menjadi sumber ubin vektor sebelum menggunakannya.

Gaya berikut, ditulis untuk digunakan di Mapbox-Studio, menggunakan Mapbox-Streets sebagai sumber data kecuali disebutkan.

Gaya kontras hitam dan putih kontras tinggi mirip dengan Ello - dapat dilihat di sini

Vetiver

Peta orienteering yang dibuat oleh Rafa dari Mapbox - menggunakan sumber data eksternal

Darkly-Neon, dari Stephen Smith

n \ | / 0, gaya carto bertema Halloween yang saya buat yang menggunakan banyak ekspresi reguler. Jika Anda ingin memahami cara menggunakan ekspresi reguler di Carto, ini dapat membantu. Dapat dilihat di sini .

Terakhir, saat Anda bereksperimen dengan Mapbox-jalan sebagai sumber data, Anda juga akan belajar bahwa beberapa asumsi dimasukkan ke dalam sumber data. Misalnya, Anda tidak dapat menampilkan beberapa POI yang merupakan simpul di #poi_label pada tingkat zoom di bawah 15 atau 16.



Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.