新しい拡大縮小およびスタイル設定機能により、明快でレスポンシブ、かつ表現力豊かな地図デザインが可能になります

今日のデジタル地図は、デスクトップから小型のモバイル画面、車載ディスプレイに至るまで、あらゆる環境で動作し、かつ鮮明で読みやすく、直感的な操作性を維持する必要があります。Mapbox 新しいアイコンおよびテキストのレンダリング機能のアップデートにより、プラットフォームを問わず、さまざまな画面環境向けの地図の開発やデザインがよりMapbox 。アイコンやテキストの外観に関するグローバルなスケール係数やスタイル定義が提供されます。

グローバルスケール係数は、デバイス間でテキストやアイコンのサイズがどのように変更されるかを制御します。スタイル定義を設定することで、特定の操作に応じてアイコンやテキストの外観を自動的に変更することができます。これらのレンダリング機能により、どのような画面でもマップの表示を簡単にカスタマイズできるようになります。

グローバルな縮尺設定により、あらゆる画面で地図を見やすく表示します

グローバル・スケール係数により、アイコンやテキストラベルを一貫して拡大縮小できるため、さまざまなデバイスの解像度や表示環境においても、地図を最適な状態で表示することができます。

これまでは、地図デザイナーは、さまざまな画面でアイコンやテキストの視認性を確保するために、デバイスごとに複数の地図スタイルを用意するか、実験的な回避策を講じる必要がありました。新しいグローバル倍率機能により、単一の地図スタイルで、クライアントサイドでのレンダリング時に要素の倍率をプログラムで調整できるようになりました。 このスケーリング動作Studioスタイル内でプレビューできるため、開発者とデザイナーがスケーリング設定について容易に連携できます。アクセシビリティ設定のためにスケールを拡大する場合でも、車載ディスプレイ向けに地図を微調整する場合でも、あるいは大画面での視認性を最適化する場合でも、アイコンやテキストのスケーリングはシンプルで予測可能、かつ一貫性のあるものとなりました。

マップの拡大・縮小の方法とタイミングを制御する

Mapbox 係Mapbox 、アイコンとテキストラベルのみに適用されるため、地図の表示はそのままに、重要な情報をより読みやすくすることができます。ピクセル比率の調整とは異なり、グローバルスケール係数を使用することで、レイアウトのずれを防ぎ、空間的な文脈を損なうことなく維持することができます。

グローバルなスケール係数は、開発者が意図的に制御できるようになっており、スケーリングをいつ、どのように行うかを柔軟に決定できます。開発者は、デバイスのアクセシビリティ設定を簡単に連携させたり、dpi（ドットパーインチ）情報を活用したりすることで、特定の要件を満たすスケーリング調整を実行することができます。

外観設定により、動的なアイコンやテキストが驚くほど簡単に作成できます

アイコンやテキストラベルの「外観」とは、Mapbox 定義された視覚的な状態のことです。自動外観設定を構成することで、アイコンやテキストラベルに複数の視覚的な状態を持たせることができます。例えば、電気自動車の充電ステーションのアイコンでは、利用可能であることを示すために、デフォルトの外観として緑色のデザインを使用する場合があります。同じアイコンでも、使用中の場合はオレンジ色に、利用不可の場合は赤色に変化させることができます。Mapbox アイコンの色、サイズ、回転、位置の変更をトリガーする、簡素化されたアイコンの外観設定をリリースしました。現在、同様の設定がテキストラベルでも利用可能になりました。

つい最近まで、アイコンやテキストラベルを動的かつインタラクティブにするには、追加のアセットや独自のレンダリングロジック、そしてプラットフォーム固有の開発が必要でした。各要素は、単一の静的な外観に限定されていました。開発者がリアルタイムの変化を視覚的に反映させたい場合、プラットフォーム固有のコードを記述し、デザインバリエーションごとに個別の要素定義を管理する必要がありました。 

Mapbox を使用すれば、開発者はアイコンやラベルのデザインを1つのマップスタイルに統合することができます。Mapbox Studio に新たに追加されたレイヤーJSON編集機能Studio 、表示設定の調整やスタイルの変更内容のプレビューが、直感的かつ効率的に行えるStudio 。

開発者は、マップスタイル内でアイコンやテキストラベルのデフォルトの外観を定義するだけでなく、その他の外観オプションや、それらの切り替えをトリガーする条件（ユーザーの操作、データ状態の変化、ズームレベルなど）も定義します。外観の設定は、マップスタイル内で一度だけ直接行うことも、実行時のマップレンダリングAPIを使用して追加・更新することも可能で、Webとモバイルの両方で一貫した動作が保証されます。 

外観のペイントプロパティを簡素化することで、奥行き、鮮明さ、視認性を向上させます

また、Mapbox 、アイコンやテキストラベルの外観を定義する際に利用可能なスタイルプロパティの制御機能もMapbox 。新しいシンプルな構文により、色、不透明度、発光の強さが、フィーチャの状態やズームレベルに応じてどのように変化するかを、より簡単に変更できるようになりました。これらの変更により、地図上の特定の詳細を視覚的に伝えたり強調したりすることが、より簡単になりました。

‍連携してより良く：1つのシステムで明瞭さと表現力を実現

グローバル・スケール係数と、強化されたアイコンおよびテキストの表示は、互いに補完し合うように設計されています。グローバル・スケール係数により、地図の視認性が確保されます。アイコンとテキストの表示により、地図の表現力とインタラクティブ性が保たれます。その結果、さまざまなデバイスや環境に適応し、情報を明確に伝え、ユーザーの操作に動的に反応する地図が実現されます。しかも、開発者にとっては構築がより簡単になります。

グローバル・スケール・ファクターがパブリック・プレビューとして利用可能になりました。Web、iOS、Android向けのグローバル・スケール・ファクターのドキュメントをご確認の上、ご利用を開始してください。すべてのアイコンおよびテキストの外観設定が一般提供されました。Mapbox の「外観」に関するドキュメントをご覧くださいMapbox Style SpecificationおよびWeb、iOS、Android向けのサンプルをご参照ください。 

Mapbox GL JS をご利用の従量課金制のお客様も、最近更新された料金体系をご利用GL JS 。Mapbox 、パブリックプランの月間マップ読み込み回数の上限を100万回から500万回にMapbox 、料金を1,000回あたり3.00ドルから2.50ドルに引き下げました。これにより、契約なしでより手頃な価格でスケールアップが可能になりました。

FAQ

Mapbox ・スケール・ファクターとは何ですか？

Mapbox 、スタイル全体にわたってアイコンやテキストを線形に拡大縮小できる機能です。開発者はStudio Studioでの設計段階でスケール係数を設定Studio Mobile SDKs Mapbox GL JS JSを使用して実行時に動的にStudio 可能です。 

Mapbox ・スケール係数により、地図はデバイスの設定に合わせて自動的に拡大・縮小されますか？

Mapbox 、マップがデバイスの設定に合わせて自動的に拡大・縮小されることはありません。開発者が手動で倍率を設定する必要があります。これにより、開発者はマップの表示を完全に制御できるようになり、意図したタイミングと方法でのみ拡大・縮小が行われることが保証されます。また、予期せぬレイアウトのずれを防ぎ、単一のスタイルを使用してさまざまなハードウェア環境向けに独自のマッピングロジックを作成することが可能になります。

開発者はMapbox ・スケール・ファクターをどのように実装しているのでしょうか？

開発者は、ランタイムAPIを使用して、デバイスのDPI（ドットパーインチ）解像度や、ユーザーのシステムレベルのアクセシビリティ設定やフォントサイズ設定など、選択した条件に基づいてスケール係数を適用します。デザイナーは、Studio設定オプションを使用して、グローバルなスケール係数に応じてマップ要素のスケーリングがどのように動作するかを確認することができます。ただし、スケール係数はランタイムAPIであるため、スタイルに埋め込むことはできません。

Mapbox ・スケール・ファクターは、アクセシビリティをどのようにサポートしているのでしょうか？

Mapbox ・スケール・ファクター機能により、開発者はテキストやアイコンのサイズを簡単に拡大・縮小でき、ユーザーが自身のデバイスで設定した視認性の要件に対応することができます。 

Mapbox システムのアクセシビリティ設定の変更を自動的に検知しませんが、開発者はまずシステムのフォントサイズまたはアクセシビリティの拡大率を検出し、その値（またはマッピングされた値）を手動の拡大率設定を使用してMapbox APIに渡すことで、簡単にこの機能を実装できます。詳細については、iOSおよびAndroidのサンプルを参照して、ぜひお試しください。

Mapbox 」とは何ですか？

「外観」とは、地図上のシンボルやフィーチャーの特定の視覚的な状態を定義する方法です。開発者は、単一の静的な外観ではなく、アイコン画像、サイズ、回転など、アイコンやテキストのレイアウトと描画プロパティを独自に組み合わせた複数の外観を作成することができます。

たとえば、充電ステーションのアイコンはデフォルトでは緑色ですが、データが変更されると、赤色の「利用不可」や黄色の「使用中」といった状態に外観を変更することができます。「外観」機能を使えば、マップのスタイル内で直接これらの異なる見た目を定義できるため、マップの視覚的な状態を非常に簡単に管理することができます。

Mapbox 新しい「Mapbox 」機能は、なぜ重要なのでしょうか？ 

これまでは、データやユーザーの操作に応じてシンボルの外観を変更するには、Webやモバイル向けに複雑でプラットフォーム固有のコードが必要でした。新しい「外観」機能により、開発者はこれらの異なる視覚的な状態をマップスタイル内で直接定義できるようになり、カスタムコードを記述することなく、すべてのプラットフォームで一貫した方法でシンボルの外観を簡単に変更できるようになりました。

「外観」では、どのようなレイアウトのプロパティを制御できますか？ 

「Appearances」では、マップデータの変更や操作に応じて、アイコンやテキストのレイアウトプロパティを調整することができます。アイコンの場合、これらのプロパティには、画像の背景、アンカーポイントからの距離オフセット、時計回りの回転、および拡大縮小が含まれます。テキストの場合、これらのプロパティには、アンカーポイントからの距離オフセット、時計回りの回転、および拡大縮小が含まれます。サポートされているプロパティの一覧については、「Appearances」のドキュメントページをご覧ください：mapbox 

「外観」機能では、塗料のどのような特性を調整できますか？ 

「外観」では、マップデータの変更や操作に応じて、アイコンやテキストの描画プロパティを調整することができます。アイコンの場合、これらのプロパティには、アイコンの色、ハローの色、輝度、フェード、およびアイコンが隠れている際の不透明度が含まれます。テキストの場合、これらのプロパティには、テキストの色、ハローの色、輝度、フェード、およびテキストが隠れている際の不透明度が含まれます。