好きな画像から色をピックアップするだけ！最も簡単なマップデザインツール ｜ Cartogram
Cartogramは、ドラッグ＆ドロップだけで簡単にオリジナルマップを作成できるマップデザインツールです。
画像をアップロードし、好きな色を選択するだけで、ブランドやスタイルにぴったりなマップができあがります。また、Cartogramで作成されたマップはウェブサイトやモバイルアプリですぐに使用することができるほか、Mapbox Studioに保存して独自データを追加したり、スタイルをさらに調整することもできます。
＊本記事のキャプチャ画像には一部古いバージョンのMapbox Studioの画像が含まれます。
使い方 - CartogramとMapbox Studioで作るあなただけのマップ
CartogramとMapbox Studioを使うことで、下のようなマップを4分程度で作ることができます。では早速、オリジナルマップを作っていきましょう。
まず、自分の好きな画像をCartogramにドラッグ（もしくは画像を選択）してアップロードします。ここではブランドカラーをまとめた画像をアップロードしてみました。
次に、プリセットのフィルターを変更したり（今回は「Colorful」の代わりに「Light」を使用）、画像が表示されたウィンドウから配色をカスタマイズしたりして、直感的にワクワクするようなマップを作りましょう。
【配色をカスタマイズできるコンポーネント】
・Land（陸地）
・Water（海・川・湖）
・Road（道）
・Greenspace（緑地）
・Label（ラベル）
スタイルが完成したら、Mapbox Studioで開いてみましょう。（「Saved style!」をクリック）
Mapbox Studioではレイヤーに調整を加えることで、さらに魅力的なマップへと仕上げることができます。好みに合わせてフォントや道路の縁取りなどを微調整し、マップを完成させましょう！
▲ Mapbox Studioによる調整前（左）と調整後（右）
Cartogramで作成された個性豊かなマップたち
Twitterでは、Cartogramで作成された魅力的なマップが多数公開されています。ぜひ自身のマップを作る際の参考にしてみてください！
Well, that was easy! @Mapbox #Cartogram pic.twitter.com/hOnzpwdGNh
— Motive.io (@motive_io) June 27, 2017
I made a cute dog 🐶 map using @mapbox Cartogram (https://t.co/IGHFyMexBn) pic.twitter.com/13EZhY9PjA
— Alex Ulsh (@AlexUlsh) June 27, 2017
Okay @Mapbox, I see you. Cherry blossom themed basemap. #cartogram #dc pic.twitter.com/SYVAtF1v3j
— Brooke Harding (@BrookeEHarding) June 27, 2017
Fun instant map styles. Drag & drop an image into Mapbox Cartogram and instantly get a complementary map style. https://t.co/dxvltRf3nZ pic.twitter.com/EBQhsyUtU0
— gmapsmania (@gmapsmania) June 27, 2017
Wonder how much productivity was lost today because of the @Mapbox #cartogram ? pic.twitter.com/oHLhWdJykI
— Yves Richard (@whyvez8) June 27, 2017
Big fan of #IronMan & #Cartogram
— Elizabeth Simmonds (@domainELIZABETH) June 28, 2017
Made with @Mapbox
Loving the new designs & styles
🤓👍🌈🌍🌎🌏 pic.twitter.com/6bcfcf6mFE
When froggy loves the new map style! :D #Cartogram is slick @Mapbox!!! 😍 🚀 Want to play around? Check this out -> https://t.co/gJV1qr9RPW pic.twitter.com/QRGDumjGN4
— Poorni Badrinath (@bepoorni) June 28, 2017
With Mapbox Cartogram you can pull custom base map color schemes directly from any image 🔥 https://t.co/nv0Zveybfk pic.twitter.com/lw4I4SQRuq
— Jason Johnson (@jasonmjohnson) June 27, 2017
#Cartogram by @Mapbox is so much fun!https://t.co/YChj9UwEkW #BuiltWithMapbox pic.twitter.com/3cYFL3bMov
— Adam Lombard (@AdamLombard) June 28, 2017
Had to try it #cartogram #minard @mapbox https://t.co/eaBctAJfPq pic.twitter.com/F6cPcBVQeT
— Maarten Lambrechts (@maartenzam) June 28, 2017
@Mapbox just made an awesome tool for symbolizing web maps! You can symbolize your map based on a picture or logo. Check it out! #Cartogram pic.twitter.com/wFzZrx0bF3
— John Brennan (@jbrennan414) June 28, 2017
last one -- @Mapbox's drag & drop map making tool https://t.co/dKJxBNsOxe #Cartogram #BuiltWithMapbox pic.twitter.com/KiNbK3kz0C
— bersabel (@brsabel) June 28, 2017
A #Mapbox #Cartogram themed using @Reds logo color palette. #Redlegs #Cincinnati #NKY #map Try it here: https://t.co/lOxmEpbcAy pic.twitter.com/o2k3C7DyYz
— NKYmapLAB (@NKYmapLAB) June 28, 2017
Having a bit of fun with @mapbox cartogram https://t.co/bnspzSa9Pa pic.twitter.com/XjlW2jumzx
— Luis Capel (@lcapel) June 28, 2017
So much fun making #cartogram's with @Mapbox https://t.co/pDuFZNvEhQ Drag and drop map design #BuiltWithMapbox pic.twitter.com/cBDhAcX6zP
— Dave Cole (@dhcole) June 27, 2017
Playing around with https://t.co/hYzyaHHHv9 🔥 #cartogram #builtwithmapbox pic.twitter.com/gwOrrjXhXX
— Bryan Housel (@bhousel) June 27, 2017
・・・
早速使ってみましょう！
Cartogramであなただけのマップを作ってみませんか？作ったマップはTwitterで#BuiltWithMapboxをつけてシェアしてみてください！
▼ Cartogram
＊本記事は以下のMapbox Inc. Blogの記事を翻訳・編集したものです。
・Instant maps with Cartogram
・Instant maps with Cartogram - How to create a map in <4 min
【関連記事】
お問い合わせは下記までご連絡ください
https://www.mapbox.jp/contact