地図

Mapbox Style Updates:3Dベースマップのより柔軟な構成

見出し

これはレイアウト確認用のダミーテキストです。

Mapbox Standard styleは、すべての開発者が利用できる、慎重にキュレーションされた高性能な3Dマップスタイルです。Mapbox Standardの最新のアップデートには、より広範なアプリケーションおよびナビゲーションシナリオをサポートするために、スタイルのユーザビリティと柔軟性を拡張する改善が含まれています。これには、ビジュアルスタイリングの柔軟性の向上、更新されたStandard Satelliteスタイル、強化された3D構成などが含まれます。 

Mapbox Standardの主な利点は、変更を中断するリスクのある時間のかかる手動スタイル編集を必要とせずに、アップデートが自動的に有効になることです。以下に説明するすべての新機能は、Mapbox Standardを使用するすべてのMapboxアカウントで利用できるようになりました。

モノクロおよびフェードカラーテーマは、デザインの柔軟性を高めます

Mapbox Standardで選択できるようになったのは テーマは、既存のMapbox Standard Styleのライトプリセットと連携して機能する、新しい全体的なカラー構成オプションです。 夜明け、日中、夕暮れ そして Night(夜) モノクロおよびフェードカラーテーマ より美しい柔軟性を提供し、特にデータ視覚化にStandardを使用する場合や、広範なカスタムデータレイヤーを使用する場合に役立ちます。 

新しいカラーテーマにより、広範な手動調整を必要とせずにMapbox Standardをカスタマイズできます。Mapboxの地図製作者は、開発者とデザイナーが一般的なアプリケーションシナリオとユーザー要件に合わせてマップのスタイルを調整しやすくするためにテーマを設計しました。多くの場合、カスタムスタイルをゼロから作成する必要がなくなります。

例えば、ナビゲーションアプリでは、新しい「Faded」テーマにより、ルート線やpuckなどの最も重要な地図要素の視認性が向上します。「Faded」テーマは、ボタンや設定などのUI/UX要素との競合も少なく、これらの要素が地図から明確に際立つようにします。

Mapbox Standard、夕暮れ時のライトプリセット
Mapbox Standard、夜間のライトプリセット

テーマは、Mapbox Studioまたはアプリケーションの実行時に選択できます。テーマは、ベースマップの色と照明を上書きしますが、カスタムレイヤーには適用されません。

新しい Satellite スタイルにより、Standard の利点が画像ベースマップにもたらされます。

新しいMapbox Standard Satelliteスタイルは、更新された衛星画像とベクターレイヤーを組み合わせ、Mapbox Standardの利点をグローバルな画像ベースのベースマップにもたらします。

夜と昼の照明プリセットを備えたMapbox Standard Satellite

Mapbox Standardと同様に、Mapbox Standard Satelliteスタイルはすべてのアップデートを自動的に受信し、ライトプリセットをサポートします。このスタイルには、2つの新しい構成が導入されています。 showRoadsAndTransit そして showPedestrianRoads。道路を非表示にすることで、特定のエリアや機能に焦点を当ててスタイルを簡素化できます。地図スタイルの構成に関する詳細は、以下をご覧ください。 Mapbox ドキュメント.

多くのアプリケーションでは、スタイル設定されたベースマップと画像ベースマップの両方のオプションが提供されており、地図デザイナーは2つの異なるスタイルを維持およびテストする必要があります。Studioでは、ベースマップをStandardとStandard Satelliteの間でその場で切り替えることができるようになり、スタイルの開発が合理化され、追加のスタイルを作成する必要がなくなりました。

3D表示設定により、迅速な2Dオプションが可能

Standardのスタイリングと技術的な利点を好む一方で、デザインやパフォーマンスの都合上、2Dのみの地図スタイルが必要な開発者向けに、すべての3Dモデルをオフにして、Mapbox Standardを軽量な2Dベースマップに変換することが可能になりました。 

地図は、個別のスタイルシートを維持しなくても、自動的に昼と夜のスタイルを作成する同じ動的な照明設定を引き続き使用します。3DモデルはStudioでオフにすることができます。

ラベル配置の改善による煩雑さの軽減

これまで、Mapbox Standardでは、すべてのラベルとアイコンが建物の上にレンダリングされていました。ピッチされた地図ビューでは、表示角度によってラベルとアイコンが乱雑になる可能性がありました。新しい3Dオクルージョン機能は、ラベルが3Dモデルの前にあるか後ろにあるかを認識し、遠くのフィーチャの不透明度を選択的に削除または低減します。

古い:建物の後ろにある道路ラベルが見えない。ゲートと建物のラベルが建物の上にあり、マップを乱雑にしている。
新規: ピッチビューでは、道路ラベルが建物の上に表示されます。ゲートと建物のラベルは、マップを整理するために建物の背後に隠されています。

道路ラベルは建物の上にレンダリングされるようになりましたが、わずかに重なっているため、まだ読みやすく、切り捨てられることはありません。3Dフィーチャによって完全に、または大部分が隠されている道路ラベルは削除されます。道路ラベルの変更により、マップの美観が向上し、視覚的な乱雑さが軽減され、ほとんどのアプリケーション、特にダイナミックナビゲーションアプリで読みやすさが優先されます。

スムーズな建物のフェードによりパフォーマンスが向上

Mapbox Standardでは、building fill extrusionレイヤーで作成された3D建物の読み込みがよりスムーズになりました。鳥瞰図やナビゲーションアプリケーションでは、建物が表示されるにつれてフェードインします。これにより、地平線の clutter が軽減され、必要な場合にのみ建物を読み込むことでパフォーマンスが向上します。また、アニメーションによるスケーリング効果により、ユーザーエクスペリエンスもよりスムーズになります。

3Dクリッピングレイヤーがカスタムモデルのスペースをクリア

カスタム3Dモデルまたは塗りつぶし押し出しレイヤーを追加する場合、Mapbox Standard内の既存の3Dモデルを削除する必要がある場合があります。たとえば、提案された建物の開発を視覚化する場合などです。このような場合、カスタムポリゴンを定義して、その範囲内の既存の建物、3Dモデル、およびシンボルをすべて削除できるようになりました。新しい「クリップ」レイヤータイプは、マップ内の他の場所にあるStandardの3Dレイヤーを保持しながら、個別の領域内の競合する要素を削除します。

左:ベースマップ。中央:クリップレイヤーポリゴンを追加。右:クラッシュを削除。
「Mapbox Standardと3D機能は、当社の3Dフェスティバルマップに高性能なレンダリングを提供します。3Dモデルを完全に、または特定の場所でオフにする柔軟性により、スムーズで美しく、実物そっくりのフェスティバル構造を追加でき、ユーザーのフェスティバル体験を大幅に向上させます。そして、ダイナミックな影がすべてを際立たせます!」
Experience Designer, Amplify.one

ラインのオクルージョン不透明度によるナビゲーションの強化

線の遮蔽の不透明度を定義するための新しいオプションにより、ルートなどの線形フィーチャが3Dフィーチャを通してどの程度見えるかを制御できます。線は、完全に上に表示したり、半透明(不透明度範囲0〜1)にしたり、建物や地形の後ろに完全に隠したりすることができます。3D環境で線の可視性を調整できるため、経路が建物や地形の後ろに隠れる場合に、今後のルート案内のユーザーの理解が向上します。

垂直方向のオフセットにより、ラインが3D空間により良く統合

ラインレイヤーは、一定の標高、または基になる地形に基づく相対的な標高を使用するように設定できるようになりました。さらに、垂直方向の「z」オフセットを追加するオプションにより、ラインを3D地形に直接ドレープするだけでなく、シンボルレイヤーの上に配置できます。ドレープされたラインはラスタライズされなくなり、鮮明なベクターとしてレンダリングされます。

新しいオフセット機能は、ラインのオクルージョン(不透明度)と組み合わせることで、2Dカスタムレイヤーを3Dマップ空間に統合するのに役立ち、新たな次元を追加します。ラインレイヤーに高さの値を付与できるようになったため、塗りつぶし押し出しやモデルなどの他の3Dレイヤーとの統合が容易になります。 

高い建物の線

垂直方向の次元は、垂直空間内の境界線またはルート線を視覚化するなど、創造的なスタイリング機能も解放します。

ナビゲーションアプリにおける高架道路の表示

Mapbox Standardで利用可能になった改善点

Mapbox Standardの新しい機能と構成オプションは、すべてのアカウントで利用できるようになり、既存のMapbox Standardユーザーには自動的に更新が展開されます。Mapbox Standard機能の詳細なドキュメントは、WebiOSAndroidで利用できます。

Mapbox Standardの使用を開始するには、Mapbox Maps SDKの最新バージョンでスタイルを利用できます。Mapboxドキュメントには、GL JS v3およびiOSAndroid用のMobile Maps SDK v11への移行に関するガイダンスが含まれています。Standardは、Mapbox Navigation SDKおよびDash車載アプリケーションでも利用できます。Mapbox Standardをプレビューするには、ここでスタイルを調べてください

これはレイアウト確認用のダミーテキストです。

これはレイアウト確認用のダミーテキストです。

関連記事