リリース

3Dグローブマップ:世界を体験する新しい方法

見出し

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

Mapbox グローブビューをウェブとモバイルに導入

Mapbox グローブビューをウェブとモバイルに導入

本日、Mapbox Globeビューの提供開始を発表できることを嬉しく思います。Globeビューは、休暇の計画から貨物の追跡、これまでにないデータの視覚化まで、大陸をまたがるストーリーを直感的に伝える方法です。

グローバルな活動拠点をアピール

国際宅配業者のDPDは、国際配送WebサイトでMapbox Globeビューを使用して、国際配送の主要なオプションとしての市場での地位を示しています。インタラクティブな地球儀地図は、顧客に国を検索し、DPDがその目的地に提供する配送ソリューションについて学ぶように促します。

"新しい国際専用ウェブサイトでは、お客様が製品を海外に発送するために必要なすべての情報を提供したいと考えていました。革新的で最先端の技術を使用したいと考えていましたが、使いやすい形式にすることも望んでいました。Mapbox Globeビューは、間違いなくそれを実現しました。"
クレア・ニコラス、DPD国際開発責任者

海外からの旅行者を引き込む

旅行を計画し、休暇を予約する顧客を視覚的に喜ばせ、引き込むと同時に、より広い地域でリスティングを簡単に比較できるようにします。

Mapbox Globeビューを使用すると、旅行検索結果のフラットなリストを、ブランドイメージに合わせた、競合他社との差別化を図り、顧客エンゲージメントを高めるエキサイティングな可能性の世界に変えることができます。

変更前: 旅行ウェブサイト上の旅行検索結果のフラットなリスト。変更後: スタイライズされた3D地球の表面にマッピングされた、エキサイティングな可能性の世界。

より広範囲の地理的領域にわたる天候を可視化

気象現象はしばしば相互に関連し、大陸を越えて広がります。地球規模の視点で見せることで、視聴者にとって有益で魅力的な背景情報を提供できます。

風の方向と強さが太陽、陸地、水域によってどのように影響を受けるかを考慮してください。Mapbox Globeビューを使用すると、ユーザーは地域の気象条件に影響を与える要因をより広い視点から把握できます。

世界とつながる

時には、私たち全員が同じ地球に一緒に住んでいることを思い出すと役立ちます。ゲームのグローバルな広がりを紹介したり、ジオタグ付きコンテンツを探索したり、世界中からのライブアップデートを共有したりする場合でも、Mapbox Globeビューは仮想世界と物理世界を再接続します。

グローブビューはどのように機能しますか?

Mapbox Globeビューは、当社の地図投影法と同様に機能し、Mapbox Studioで有効にするか、setProjectionメソッドを使用して有効にできます。Globeを有効にした地図は、特定のズームレベルに達すると、球状のGlobeビューにスムーズに移行します。Globeビューはクライアント側の機能であるため、カスタムデータレイヤーを変更して動作させる必要はありません。

スタイリングの可能性が広がる世界

5つのスタイル調整コントロールにより、あらゆる地球儀のデザインをカスタマイズできます。宇宙の色、星の表示/非表示、地球儀を取り巻く大気の色を調整でき、StudioとMapboxのWebおよびMobile SDKsの両方で利用可能です。

Mapbox Studioでの雰囲気のスタイリング

数行のコードですぐに始められます

以下の例を使用してグローブビューで構築するか、グローブの利用開始について当社の営業チームにお問い合わせください

GL JSアプリケーションの場合:

// Using the map constructor
const map = new mapboxgl.Map({
    container: 'map',
    projection: 'globe'
});

// Switch at runtime
map.setProjection('globe');

iOSアプリケーションの場合:

try? mapView.mapboxMap.style.setProjection(
    StyleProjection(name: .globe)
)

Androidアプリケーションの場合:

mapView.getMapboxMap().loadStyle(
    style(Style.SATELLITE_STREETS) {
        +projection(ProjectionName.GLOBE)
    }
);

関連事例:

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

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

関連記事