มีแกลลอรี่ Carto CSS ซึ่งมีรหัสด้วยหรือไม่


35

ขณะนี้ฉันกำลังสำรวจการใช้งาน CartoCSS และ TileMill ในโครงการของเรา ฉันได้เห็นแกลเลอรีที่น่าประทับใจที่http://www.mapbox.com/tilemill/gallery/

แกลเลอรี่ดูน่าประทับใจ แต่ฉันมีปัญหาในการถ่ายภาพว่าพวกเขาบรรลุเอฟเฟกต์และสไตล์บางอย่างได้อย่างไร ตัวอย่างที่ให้ไว้ในคำแนะนำ (ตัวอย่างที่นี่ ) นั้นดูธรรมดาเกินไป

มีตัวอย่างรายละเอียดใด ๆ ของ CartoCSS (แทนที่จะเป็นแค่เอาต์พุต) ที่มีให้ใช้ที่ไหนสักแห่ง?

คำตอบ:


39

น่าเสียดายที่ยังไม่มีใคร

ฉันเคยถามตัวเองในบางครั้งเหมือนกัน แต่ฉันพบตัวอย่างไม่กี่ครั้งในช่วงหลายปีที่ฉันได้รับแรงบันดาลใจและเรียนรู้ผ่าน น่าเสียดายที่ผู้เขียนส่วนใหญ่ไม่ได้เปิดเผยงานของพวกเขาทั้งหมดหรือบางส่วน นอกจากนี้มีการเปลี่ยนแปลงเล็กน้อยใน carto โค้ดบางส่วนอาจไม่ทันสมัย ​​100% หรืออาจไม่ใช้ประโยชน์จากความสามารถในปัจจุบันของ carto และคุณจะต้องเปลี่ยนสิ่งต่าง ๆ เมื่อผู้คนใช้ประเภทข้อมูลที่แตกต่างกัน , shapefiles, 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 - วิธีที่ดีในการเริ่มเรียนรู้ carto นี่คือสิ่งที่ช่วยให้ฉันเรียนรู้ carto และฉันมักจะใช้มันเป็นเลเยอร์พื้นฐานสำหรับโครงการหรือเริ่มต้นด้วยมันสำหรับโครงการ ทางแยกของมัน

รูปแบบแผนที่ของ 'LA Quiet LA' ของ LA Times

Pandonia - สไตล์ทำโดย flickr

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

ตัวอย่างจาก Dane Springmeyer, Tilemill และผู้พัฒนา mapnik สิ่งเหล่านี้เป็นการทดลองอย่างมากและผลักดันขอบเขตของสิ่งที่สามารถทำได้ใน Carto

รูปแบบการทำแผนที่สำหรับบริบทด้านมนุษยธรรมจาก HOT ซึ่งเป็นทีมงานด้านมนุษยธรรม openstreetmap

นอกจากนี้พอร์ต cartocss ของสไตล์เริ่มต้นของ OSM ที่กล่าวถึงโดย maning นั้นเป็นงานที่ดี

สุดท้ายนี้อันนี้ใน repit GitHub ของฉันเป็นดีออกจาก osm-bright เช่นกัน:

การทดลองใช้สไตล์เหล่านี้และการปรับเปลี่ยนจะช่วยให้คุณเรียนรู้ได้อย่างแท้จริง


Carto ยังใช้ใน Mapbox-Studio-Classic (aka tilemill2) แต่การประมวลผลของแหล่งข้อมูลนั้นแตกต่างกันเนื่องจากใช้กระเบื้องแบบเวกเตอร์ คุณต้องแปลงแหล่งข้อมูลของคุณให้เป็นแหล่งข้อมูลแบบเวกเตอร์ก่อนใช้งาน

รูปแบบต่อไปนี้ซึ่งเขียนขึ้นเพื่อใช้ใน Mapbox-Studio ใช้ Mapbox-Streets เป็นแหล่งข้อมูลเว้นแต่จะระบุไว้

ความคมชัดสูงของสีดำและสีขาวสไตล์ความสวยงามคล้ายกับ Ello - ดูได้ที่นี่

หญ้าแฝก

แผนที่ปรับทิศทางโดย Rafa of Mapboxใช้แหล่งข้อมูลภายนอก

Darkly-Neon จาก Stephen Smith

n \ | / 0 ซึ่งเป็นรูปแบบชุดฮาโลวีนที่ฉันทำขึ้นนั้นใช้การแสดงออกปกติมากมาย หากคุณต้องการเข้าใจวิธีใช้นิพจน์ทั่วไปใน Carto สิ่งนี้สามารถช่วยคุณได้ สามารถดูได้ที่นี่

สุดท้ายเมื่อคุณทดสอบกับ Mapbox-streets เป็นแหล่งข้อมูลคุณจะได้เรียนรู้ว่าสมมติฐานบางอย่างถูกนำเข้าสู่แหล่งข้อมูล ตัวอย่างเช่นคุณไม่สามารถแสดง POI ที่เป็นโหนดใน #poi_label ที่ระดับการซูมต่ำกว่า 15 หรือ 16



โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.