Cartogramは、ドラッグ&ドロップだけで簡単にオリジナルマップを作成できるマップデザインツールです。
画像をアップロードし、好きな色を選択するだけで、ブランドやスタイルにぴったりなマップができあがります。また、Cartogramで作成されたマップはウェブサイトやモバイルアプリですぐに使用することができるほか、Mapbox Studioに保存して独自データを追加したり、スタイルをさらに調整することもできます。
*本記事のキャプチャ画像には一部古いバージョンのMapbox Studioの画像が含まれます。
使い方 - CartogramとMapbox Studioで作るあなただけのマップ
CartogramとMapbox Studioを使うことで、下のようなマップを4分程度で作ることができます。では早速、オリジナルマップを作っていきましょう。
![画像1](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/61558debd4c0c3550e2dfe70_picture_pc_e6fe8d923d2736c5d69e1308c88391fe.jpeg)
まず、自分の好きな画像をCartogramにドラッグ(もしくは画像を選択)してアップロードします。ここではブランドカラーをまとめた画像をアップロードしてみました。
![画像2](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/61558decc8b43ea1f0e1ac66_picture_pc_c186b42b25ecee354d008c1a8ea5af13.gif)
次に、プリセットのフィルターを変更したり(今回は「Colorful」の代わりに「Light」を使用)、画像が表示されたウィンドウから配色をカスタマイズしたりして、直感的にワクワクするようなマップを作りましょう。
【配色をカスタマイズできるコンポーネント】
・Land(陸地)
・Water(海・川・湖)
・Road(道)
・Greenspace(緑地)
・Label(ラベル)
![画像3](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/61558deb406e1ee37d3b53d5_picture_pc_3eda196617c757908c0ea26b1eb680be.jpeg)
スタイルが完成したら、Mapbox Studioで開いてみましょう。(「Saved style!」をクリック)
![画像4](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/61558decde796c7818b3e7da_picture_pc_3cc74d86dc6ec9d01ba575a9490e628e.jpeg)
Mapbox Studioではレイヤーに調整を加えることで、さらに魅力的なマップへと仕上げることができます。好みに合わせてフォントや道路の縁取りなどを微調整し、マップを完成させましょう!
![画像5](https://cdn.prod.website-files.com/5f8ddf03fc2e2a37e95f7124/61558deb7efeb86e532dc585_picture_pc_b0533664656cd98ec83e5014910ef2f2.jpeg)
Cartogramで作成された個性豊かなマップたち
Twitterでは、Cartogramで作成された魅力的なマップが多数公開されています。ぜひ自身のマップを作る際の参考にしてみてください!
早速使ってみましょう!
Cartogramであなただけのマップを作ってみませんか?作ったマップはTwitterで#BuiltWithMapboxをつけてシェアしてみてください!
▼ Cartogram
CartogramCreateapps.mapbox.com
*本記事は以下のMapbox Inc. Blogの記事を翻訳・編集したものです。
・Instant maps with Cartogram
・Instant maps with Cartogram - How to create a map in <4 min