test

ニュースレター購読

デジタルマップ活用の業界別事例

Mapbox Japanでは、業界別デジタルマップの活用方法やデジタルマップ導入による効果について紹介した資料をご用意しております。無料でダウンロードいただけますので、ぜひMapboxのビジネス活用のご参考にご利用ください。

いますぐダウンロード

地図ゲーム開発におけるMapbox活用ガイド - Mapbox Gaming Solution

Mapbox Japanでは、地図ゲーム開発におけるMapboxのプロダクト活用方法や地図ゲーム開発向け基本APIを紹介した資料を無料でご提供しております。ぜひMapbox活用のご参考にご利用ください。

いますぐダウンロード

【デモ】Mapboxと歩く京都観光マップ

観光名所、京都の街を舞台にMapboxを活用したデモマップを作成しました。 旅行・観光業界の方はもちろん、Mapboxでどのようなマップが作れるのか知りたい方にもおすすめです。

無料でデモをみる

デザイン

Mapbox Studioで地図ラベルの形状を変更する|マップデザインの基礎

2022
01
21

Mapboxのサービス概要資料はこちら

無料でダウンロード無料でダウンロード

Mapboxのアカウント作成はこちら

今すぐ無料登録

お問い合わせはこちら

お問い合わせ

ラベルは、地図上で視認性を高める重要な要素であり、Mapbox Studioでは、カスタムラベルを簡単に作成できます。この記事ではその方法をご紹介します。

地図ラベルに形状を付ける

ラベルの配置や形状によって、テキストと強調された地形の間に関係が生まれます。湾曲した弧を描く海岸線とそれに対応する海のラベル、蛇行する川とその流れに沿ったラベル、名前に囲まれた山の頂上などです。

Mapbox Studioで新しいデータセットを作成すれば、曲線ラベルや形状、方向性のあるラベル(斜め線、半円など)を簡単に作ることができます。

この例では、下の地図で使用されている3つのラベルを作成します。2つの湾曲した海のラベルと、山の周りの円形のテキストを作成します。

ステップ1 - Mapbox Studioアカウントの右上にある 「Datasets」に移動し、「New dataset 」をクリックします。

ステップ2 - 新しいデータセットにタイトルを付けます - 例えば "Map Labels"など。このエディターでは、ラベルを配置する場所とその形状を完全にズームコントロールすることができます。

ステップ3 - 目的のエリアを検索してズーム

ステップ4 - 左上から線画ツールを選択します(独自のマーカー位置を作成したり、独自のポリゴンを描くことも可能です!)

ステップ5 - 地図上に線を引くだけです。

ステップ6 - 「add property」を押します。この場合、Fieldに「label」と入力し、value(値)ボックスにラベルテキストを入力します。ここでは、近くの海岸線のカーブを反映させるために、海の名前にラベルを付けています。

ステップ7 - 右上の「Save」をクリックし、ポップアップボックスで再度「Save」をクリックします。データセットの便利なところは、戻って編集できることです。さらに追加したり、修正したりすることができます。以下の例では、同じデータセットに3つの線を作り、それぞれに異なる形とラベルを付けています。

ステップ8 -  「Export」をクリックした後にポップアップボックスで「Export」をもう一度クリックします。これで、Mapbox StudioのStylesページの未使用レイヤーに表示されるようになります。

ラベルのスタイリング

ラベルの配置が決まったら、次はスタイリングです。フォント、色、テキストスペースなどを使ってラベルをスタイリングすることで、オリジナリティを表現することができます。

ステップ1 - 「Map Labels」データセットが未使用のデータソースに表示されているはずです - このレイヤーを選択し、「Select data」の「Type」の項目で「Symbol」スタイルを使用します。

ステップ 2 - レイヤーの「Style」画面にて「Insert a data field」ボタンをクリックし、「Label」フィールドを選択します。

ステップ3 - 次に、「Placement」を選択し、「Line」アイコンを選択します。これで曲線のラベルが出来上がりました。

ステップ4 - 「Text」を選択 - フォントを選択します。Mapbox Studioには数十種類のフォントが内蔵されており、すぐに使用することができます。

カスタムフォントが必要な場合は、.TTFおよび.OTFフォーマットでアップロードすることができます。トップバナーから「Fonts」を選択し、「Upload new font」ボタンを押してください。フォントリストに新しいカスタムフォントが表示されます。

このほかにも、2つの便利な機能があります。「Transform」を使うと、文字列の大文字と小文字を変更することができます(とても便利です!)。「Halo」はテキストを縁取る際に利用し、特にマップの背景が派手な場合にテキストを目立たせる際に便利です。


これらの手順が、皆さんの地図作成を助け、ラベリングに追加要素を与えることができれば幸いです。ぜひお試しください!


*本記事は、Mapbox Inc. Blogの翻訳記事です。

No items found.
No items found.

Mapboxのサービス概要資料はこちら

Mapbox Japanでは、プロダクトの概要や導入事例を紹介した資料をご用意しております。無料でダウンロードいただけますので、ぜひMapboxのビジネス活用のご参考にご利用ください。

無料でダウンロード無料でダウンロード

Mapboxのアカウント作成はこちら

Mapboxではお得な無料枠をご用意しているため、お気軽にご利用を開始することができます。ご登録がお済みでない方は今すぐMapboxアカウントに登録してMapboxのツール・サービスをお試しください。

今すぐ無料登録

お問い合わせはこちら

Mapboxのプロダクトや企業情報に関するご質問・ご不明点はこちらからお問い合わせください。

お問い合わせ

関連記事