王者Googleマップにライバル登場!「Mapbox」はどこまで使えるか?マップサービス最新動向

これまでWebサイトにマップ(地図)を載せるなら、「Googleマップ」(Google Maps JavaScript API)を使うのが「普通」だった。だが最近、「Mapbox(マップボックス)」が徐々に存在感を示し始めている。どれくらい「使える」のか、簡単な比較をしてみた。

» 2021年01月13日 05時00分 公開
[島田広道デジタルアドバンテージ]

この記事は会員限定です。会員登録(無料)すると全てご覧いただけます。

Googleマップ? いえ、Mapboxです

 自社のWebサイトに、店舗や拠点の場所を示す「地図(マップ)」を表示したい。それも、お仕着せのピン画像を1本立てただけのマップではなく、もっとカスタマイズして、顧客に価値を感じてもらえる独自のマップサービスを提供したい、という要望は多い。

 そんな場合、これまでは「Googleマップ」のサービスを使ってマップを実装するのが普通だった。読者諸氏も使ったことがある、あるいは運用中という方々がいることだろう。機能も豊富で、構築に役立つ情報はインターネットにたくさんあり、便利なサービスなのは間違いない。

 その一方で、「料金が高い」「全てのサービスをGAFA(Google、Amazon、Facebook、Apple)に頼っていいのかな……」などと感じることはないだろうか? とはいえ、なかなかGoogleマップに代わるサービスがないという声も聞く。実は、日本向けの地図サービスで「Mapbox(マップボックス)」のサービスが徐々に存在感を示し始めている。

 筆者は、弊社のWeb版マップサービス「ロケスマWEB」で数年、Mapboxのマップサービスを利用してきた。本稿ではその経験も踏まえつつ、まだMapboxをよく知らないWebサイト関係者を対象として、この企業のマップサービスがGoogleマップと比べてどれくらい使えるものなのか、比較・紹介してみたい。

 Web以外のスマホアプリなどのプラットフォームや、3D系などMapbox独自のサービス/APIには、本稿では触れない。あくまでもコーポレートWebサイトなどに2Dマップを掲載する前提で、GoogleマップとMapboxを比較してみる。

Mapboxってどんな会社?

 Mapbox社は2013年に米国で設立された企業で、Webやスマートフォンでマップを使ったサービスを構築したい企業・組織向けに、各種開発キット(SDK)やライブラリ、API、そして地図タイル(地図の画像)などを提供している。

 2017年にはソフトバンク・ビジョン・ファンドの投資を受けている。2020年にはソフトバンクとの合弁会社「Mapbox Japan」を設立するなど、日本での事業を本格化させている。

 ソフトバンク傘下のYahoo! JAPANも、同社のマップサービス「Yahoo! Mapの地図表示にMapboxを採用」している他、従来Googleマップの有償ライセンスを販売していた代理店がMapboxのライセンス販売も手がける例も散見されており、用途に応じてGoogleマップとMapboxを比較した上でライセンスが購入できるようになっている。ちなみにMapboxは、ゼンリンと提携しており、一部地図データの提供を受けているということだ。

「Mapbox」のマップサービスをGoogleマップと比較してみる

 とはいえ、気になるのはGoogleマップのサービスと比べて、Mapboxのマップサービスがどれくらい「使い物」になるのか、という点だろう。以下では、日本国内に限定して、サービス利用料金のほか、地図の品質や表示速度などエンドユーザーの使い勝手に直接関わる部分も比較してみる。

●料金は約4割安く済む!?

 ここでは、独自のピン画像で店舗を表示するなど、カスタマイズしたマップをWebページに載せるという前提で、両社のサービスの料金を比較してみた。

 両社の料金体系は以下のページに詳細が記されている。

 Googleマップでは「Dynamic Maps」、Mapboxでは「Map Loads for Web」が対象サービスの料金に該当する(住所検索機能を提供する場合、ジオコーディングAPIの呼び出し料金が別途かかる。ここでは省略する)。どちらも大ざっぱにいえば、マップを表示する(マップを「ロード」する)たびに一定の料金が加算される。表示後にマップを移動したりズームイン/アウトしたりしても、料金は増えない。

 そこでマップの表示回数に対して、どれくらいの料金がかかるか比較してみたのが以下のグラフだ。

GoogleマップとMapboxのWeb版マップサービス料金比較 GoogleマップとMapboxのWeb版マップサービス料金比較
どちらもWebページでマップを1回呼び出す(表示する)たびにかかる料金を算出してみた。Googleマップは「Dynamic Maps」と呼ばれるカスタマイズ機能の豊富なサービスを選んでいる。両社の米ドルベースの料金表に対し、1ドル=110円として算出。また無料利用分(Googleは200ドル、Mapboxは250ドル)を差し引いた後の金額を表示している。2021年1月上旬時点の情報で算出。

 まず、無料で表示可能な回数(グラフ縦棒が「\0」のままの部分)は、Googleの2万8000回に対し、Mapboxは5万回と倍近く多い。それ以上の回数でも総じて4割ほどMapboxの方が安いことが分かる。

 上記はあくまでベースの地図タイルを表示するためのサービス料金を比較した結果であり、ジオコーディング(住所から緯度/経度への変換)など他のサービスと併用するなどの条件次第で料金は変わってくる。

●地図データの品質は? 建物や店舗の表記で比較してみる

 後発企業のサービス料金が安いのは、市場シェアを先行企業から奪っていかなければならない以上、当たり前のことだろう。サービスを利用するユーザー企業としては、料金だけではなく、サービス品質も非常に重要だ。

 特に日本向けマップサービスの場合、観光施設、公園、店舗といった、エンドユーザーがマップを見ながら目的地に到達する際の目印となる建物など(Point Of Interest:POIと呼ばれる)がちゃんと地図に記載されていること、さらにその名称も併記されることが重要だ。というのも、これまでGoogle以外のマップサービスでよく採用されてきたOpenStreetMap(無償で利用可能なマップデータの一種)では、日本だとあまりPOIの記載が充実していない地点が多かったからだ。

 以下では、弊社周辺(東京都世田谷区にある京王線上北沢駅付近)と東京スカイツリー周辺(東京都墨田区)の地図タイルを比較してみた。

■Googleマップの地図タイルの例(東京都世田谷区)


■Mapboxの地図タイルの例(東京都世田谷区)


 この辺りは10階に満たない低層階の建物ばかりで、多くの店舗の中にマンションや戸建住居も混じっている。GoogleマップではPOIの種類によって色分けされて表記されており見やすい。ただ、建物名の記載では意外とMapboxが健闘していることも分かる。一方、道路の形状は明らかにGoogleマップの方が正しい(Mapboxが表示しているほど細い道路ではない)。

■Googleマップの地図タイルの例(東京スカイツリー周辺)


■Mapboxの地図タイルの例(東京スカイツリー周辺)


 一方、東京スカイツリー周辺では大きな違いがあった。Googleマップでは建物内の店舗が記載されているのに対し、Mapboxにはほとんどない。これは他の施設でも同様だった。

 このように品質という点では、絶対的にはやはりGoogleマップにはかなわない。だが、数年にわたって両社のマップサービスを利用してきた筆者としては、特に建物名についてMapboxのマップ品質は向上していて、用途によっては顧客向けサービスにも利用できそう、と感じている。

●地図表示速度の差は?

 マップの表示速度も、エンドユーザーの使用感を左右する重要な要素だ。ただ、これは条件によって激変するため、比較が難しい。ここでは、弊社のマップサービス「ロケスマWEB」で地図タイルをGoogleマップで表示した場合と、Mapboxに切り替えた場合で比較してみた(ロケスマWEBは双方のサービス/APIに対応している)。

 具体的には、Intel Core i5搭載PC/Windows 10/Google Chromeで1024×768ピクセルのブラウザペインに、東京スカイツリーを中心としたマップを表示するのにかかった時間(Google Chromeデベロッパーツールの[Network]タブの「Finish」の値)を計測した。5回測定した平均値は、Googleマップが1.01秒に対し、Mapboxは1.35秒だった。この差を大きいとみるか、小さいと見るかは、用途や人によって大きく異なるだろう

●足りない機能もあるけど優秀な点もある

 機能の数については、やはりGoogleマップに一日の長がある。筆者がマップサービス実装時に気付いた例を以下に挙げる。

  • ストリートビューがない
  • 郵便番号から緯度/経度が検索できない
  • ピンを落下させるアニメーションが標準装備されていない

 もっともストリートビューやアニメーションは、用途によっては不要だろう(特にGoogleマップのストリートビューは単価が高いため、弊社サービスでも多用していない)。検索については今後のサービス改善に期待したいところだ。

 一方でMapboxの方が優れている機能もある。例えばグラフィカルなUIで地図タイルをカスタマイズできることだ。「Mapbox Studio」という編集ツールを使うと、実際にマップを表示しながら、フォントのサイズや種類を変えたり、建物などの色を変えたり、といったことができる。しかもズームレベルに応じて各種サイズを可変できるなど、かなり細かい調整にも対応している。細かすぎて筆者は編集時にまごつくことがあるくらいだ。

地図タイルをグラフィカルに編集できるツール「Mapbox Studio」 地図タイルをグラフィカルに編集できるツール「Mapbox Studio」

 Mapbox StudioはWebベースのツールで、Google Chromeなどのブラウザで利用できる。ツールそのものは無償で利用できる。

MapboxのマップをWebサイトに載せるには

 MapboxのマップサービスでWebページに地図を載せるには、まずMapboxのアカウントを作成する必要がある。ひとまず試すだけなら、クレジットカードの設定は不要だ。

Copyright© Digital Advantage Corp. All Rights Reserved.

スポンサーからのお知らせPR

注目のテーマ

Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。