静的地図を使用する理由とタイミング

Static Mapsは、マッピングライブラリやSDKを必要とせず、インタラクティブマップを統合できないアプリケーションやUIなど、画像を表示できる場所であればどこでも表示できるため、Webサイトまたはモバイルアプリケーションで地図を表示する最も簡単な方法です。Mapbox Static Mapsは、Mapbox Studioスタイルの画像を生成するためのREST APIとクライアントライブラリのコレクションです。

開発者は、数行のコードと多くの場合1つのHTMLイメージタグだけで地図を作成するためにStatic Mapsを使用します。Static Mapsは高速でもあります。さまざまなユースケースや地域において、Static Mapsの平均読み込み時間は、画像がすでにキャッシュされているかどうかによって100〜425ミリ秒です。

Strava、Ancestry、Yahoo! Japan、Route.comなどのお客様は、Static Mapsを使用して読み込み時間を短縮し、ユーザーのエンゲージメントを高めています。

Static Mapsの5つの活用方法

1. 一貫したWebエクスペリエンスの提供

Static Mapsは画像としてレンダリングされるため、OpenGLをサポートしていない従来のブラウザーを含む、クロスブラウザーおよびクロスプラットフォームのサポートが可能です。OpenGLは、ほとんどのWebおよびモバイルマップレンダラーで使用されるレンダリングテクノロジーであり、印刷されたニュースなどのより伝統的なメディアでも同様です。

Static Mapsを使用すると、The Weather Companyのようなデータジャーナリストは、単なる予測以上のものを提供できます。彼らは、あなたの近所や世界中の風速、熱波、または嵐の最前線を示すデータ駆動型の視覚化を美しい色で作成できます。

Yahoo! Japanは、Static Mapsのユニバーサルプラットフォームサポートを使用して、使用するブラウザに関係なく、ユーザーベースに一貫したWebエクスペリエンスを提供しています。Mapbox Studioで1つのマップスタイルを作成し、ブラウザがサポートしているユーザーにはGL JSで、サポートしていないユーザーにはStatic Mapsを使用して、Webユーザーベース全体に提供しています。GL JSとStatic Mapsは同じマップレンダリングロジックを使用しているため、Yahoo! Japanのユーザーは一貫したマップエクスペリエンスを得られます。同様のエクスペリエンスを構築する方法については、こちらのガイドをご覧ください。

2. フィットネスフィード

Static Mapsは高速かつ軽量であるため、パフォーマンスの向上がエンゲージメントを直接促進するユースケースに最適です。

Stravaは、Static Mapsを使用して、ルートマップを含む動的なアクティビティフィードを表示し、ユーザーにランニング、バイク、その他のアクティビティの詳細な概要を示します。これらの地図は、他の人が参加して積極的に行動するように促すコンテキスト情報を提供します。

3. ソーシャルメディア

Nextdoorを利用すると、最も関心のある地域とつながることができます。Static Mapsを使用することで、近隣住民は地図フィードを通じて地域コミュニティを探索でき、場所の感覚を確立し、近隣の人々や場所とつながるために不可欠です。

‍

4. ロジスティクスとオンライン領収書

Static Mapsは、機能や柔軟性を犠牲にすることなく、開発者の時間を節約します。Route.comは、パッケージ追跡アプリでStatic Mapsをインタラクティブマップと組み合わせて使用​​して、ユーザーにパッケージの場所と到着予定時刻を1か所で迅速かつ正確に把握できるようにします。 

Static Mapsを使用することで、Route.comは現在の注文と配送ルートをシームレスに表示し、ユーザーに荷物の全行程を追跡できるシームレスな体験を提供します。

Square のようなお客様は、オンライン領収書を補強するためにStatic Mapsを使用しています。これにより、購入場所の正確な概要を提供し、ユーザーとの信頼関係を構築しています。地図を一目見るだけで、顧客は注文や購入を確認し、不正な取引が発生したかどうかを識別できます。

5. 物件リスト

Static Mapsは実装が簡単でありながら、製品にコンテキストを追加するのに強力です。Apartment Listは、Static Mapsを使用して物件ページのリスティングの場所を表示し、ユーザーに賃貸アパートの場所と近くにあるものを知らせ、コンテキストを提供します。彼らはStatic Mapsをインタラクティブマップと組み合わせて使用​​して、ユーザーが食料品店、レストラン、公共交通機関の近くのエリアを探索するためのより多くの機能を利用できるようにし、ユーザーが自分の選択したアパートを借りる決定を下すのを支援します。

Static Mapsを使用する利点

Webパフォーマンスの体感向上

開発者は、Static Mapsの高速なロード時間を利用して、GL Webマップの体感パフォーマンスを向上させることもできます。体感パフォーマンスとは、Webサイトがユーザーにどれだけ速く感じられるかを示す指標です。体感パフォーマンスを向上させる戦術により、開発者はWebエクスペリエンス全体がバックグラウンドでロードされている間、ユーザーの関心を維持できます。

開発者はStatic Mapsを使用して、インタラクティブなGLマップがバックグラウンドでロードされている間、ユーザーに関連性のあるものをすぐに表示できます。また、その方法を正確に説明するチュートリアルがあります。

Mapboxで静的地図を構築

Static Images APIまたはStatic Tiles APIを使用して開発を始め、#BuiltWithMapboxを使用してTwitterで作成したものを共有してください。もしStatic Mapsに不足している重要な機能があれば、ぜひお知らせください。