コードも含むCarto CSSギャラリーはありますか?


35

現在、私たちのプロジェクトの1つでCartoCSSとTileMillの使用を検討しています。私はhttp://www.mapbox.com/tilemill/gallery/で利用可能な印象的なギャラリーを見てきました

ギャラリーは印象的に見えますが、特定の効果とスタイルをどのように実現したかを想像するのに苦労しています。ガイドに記載されているサンプル(たとえば、こちら)は基本的すぎるようです。

CartoCSSの詳細なサンプル(出力だけでなく)はどこかで入手できますか?

回答:


39

残念ながら、まだありません。

私は時折自分自身に同じことを求めてきましたが、私はいくつかのインスピレーションを描かれて学んだことを、年間を通して例の一握りを見つけました。残念ながら、ほとんどの著者は自分の作品のすべてまたは一部を公開していません。また、cartoにいくつかの小さな変更がありました。一部のコードは100%最新ではないか、cartoの現在の機能を利用できない可能性があります。また、異なるデータ型(postgisクエリ、シェープファイル、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タイムズ 『静かなLA』マップスタイル

Pandonia - Flickrのことで作られたスタイル

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

Dane Springmeyer、Tilemill、mapnik開発者の例これらは非常に実験的で、Cartoでできることの限界を押し広げています。

HOT(人道的openstreetmapチーム)の人道的コンテキストのマッピングスタイル。

さらに、maningで言及されているOSMのデフォルトスタイルのcartocssポートは素晴らしい作品です。

最後に、私のgithubリポジトリのこの1つは、osm-brightの適切な離陸でもあります。

これらのスタイルを試して、それらを修正することは本当にあなたが学ぶのを助けます。


CartoはMapbox-Studio-Classic(別名tilemill2)でも使用されますが、ベクタータイルを使用するため、ソースデータの処理は異なります。使用する前に、まずデータソースをベクタータイルソースに変換する必要があります。

以下のスタイルは、Mapbox-Studioで使用するために書かれており、特に明記しない限り、ソースデータとしてMapbox-Streetsを使用します。

Elloに似た高コントラストの黒と白のスタイル - ここで表示

ベチバー

MapfaのRafaが作成したオリエンテーリングマップ -外部データソースを使用

スティーブン・スミスから暗く、ネオン、

n \ | / 0、私が作ったハロウィーンをテーマにしたカルトスタイルは、多数の正規表現を使用します。Cartoで正規表現を使用する方法を理解したい場合、これが役立ちます。閲覧可能こちら

最後に、あなたがデータソースとしてMapbox-通りを試して、あなたはまた、いくつかの仮定がデータソースに焼いていることを学びます。たとえば、15または16以下のズームレベルで#poi_labelにおけるノードであるいくつかのPOIを表示することができません。



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.