test

ニュースレター購読

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

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

いますぐダウンロード

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

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

いますぐダウンロード

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

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

無料でデモをみる

プロダクト

【新機能リリース】新しい方法で直感的にストーリーを表現する|Mapbox Globe view

2022
07
25

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

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

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

今すぐ無料登録

お問い合わせはこちら

お問い合わせ

Mapbox Globe viewの提供が開始されました。休暇の計画から、配送状況の確認、データの可視化まで、大陸をまたいだストーリーを直感的に伝えることができます。

グローバルな範囲を見せる

世界的な宅配便業者である DPD は、国際配送のWebサイト上で Mapbox Globe view を使用しています。インタラクティブな地球儀の地図から国を検索し、その国で提供するDPDの配送ソリューションについて知ることができます。

「新しい国際専用Webサイトでは、お客様が製品を海外に送るために必要な情報をすべて提供したいと考えました。革新的な最先端技術を使用する一方で、使いやすい形式であることも求めました。Mapbox Globe viewは、間違いなくそれを実現しています。」-DPD国際開発部長 クレア・ニコラ氏

海外旅行者を魅了する

旅行や休暇の予定を計画しているユーザを視覚的に引きつけると同時に、より広い地域のリストを簡単に比較できるようになります。

Mapbox Globe viewを使用すると、平凡な旅行検索結果のリストが、エキサイティングな世界へと変わります。

Before: flat list of travel search results on a travel website. After: an exciting world of possibilities mapped on a surface of a stylised 3D globe,

より広い地域の天候を可視化

気象現象は多くの場合、相互に関連し、大陸をまたいでいます。Globe viewでそれらを表示することで、ユーザーにとって有益かつ魅力的なUIを提供します。

風の方向や強さが、太陽、陸、水によってどのように影響されるかを考えてみてください。Mapbox Globe viewを使えば、ユーザは地元の天候に影響を与える要因について、より広い視野で理解することができます。

世界中とつながる

私たちが皆同じ地球に住んでいることを実感するのにも役に立つでしょう。

ゲームの世界での広がりを紹介したり、ジオタグ付きのコンテンツを探したり、世界中の現状を共有したり、Mapbox Globe viewはバーチャルな世界と物理的な世界を繋げます。

Globe viewはどのように使えるのか

Mapbox Globe viewは他の地図投影法と同様に動作し、Mapbox Studio または setProjection メソッドを使用して有効にすることができます。

Globe viewを有効にした地図は、ある一定のズームレベルに達すると、球体の地球儀表示にスムーズに移行します。

地球儀表示はクライアントサイドの機能であるため、カスタムデータレイヤーを修正する必要はありません。

スタイリングの可能性

5つのスタイリングコントロールにより、あらゆる地球儀の外観をカスタマイズできます。空間の色、星、地球周辺の大気の色を調整でき、Mapbox StudioとMapbox WebおよびモバイルSDKの両方で利用できます。

▲Mapbox Studioで大気をスタイリング

数行のコードで今すぐ始めよう

以下のサンプルを使って Globe viewを構築することができます。不明点がございましたら、お問い合わせください

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

/ Using the map constructorconst map = new mapboxgl.Map({    container: 'map',    projection: 'globe'});// Switch at runtimemap.setProjection('globe');

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

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

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

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

作品例:

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

No items found.
No items found.

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

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

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

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

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

今すぐ無料登録

お問い合わせはこちら

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

お問い合わせ

関連記事