コンテンツにスキップ

MonstarX のアプリに Mapbox を接続する

要点アプリの地図は、Mapbox がなくても無料で使えます。Mapbox の公開トークン(pk.…)を「バックエンド」→「クラウド」に貼り付けると、通常の地図が自動で Mapbox のスタイルに切り替わり、衛星写真も使えるようになります。住所検索やルート案内を頼むと、MonstarX が同じトークンを使います。

好みのスタイルの地図、ジオコーディング、ルート。

種類
アプリ用
カテゴリ
地図と場所
接続方法
API キー

Mapbox は、美しい地図スタイルと衛星写真で知られる地図の会社です。MonstarX のアプリはどれも、はじめから無料で地図を表示できます(アプリに地図を表示する をご覧ください)。Mapbox を接続すると、その地図がグレードアップし、住所の検索やルートも使えるようになります。

  • 物件、農場、会場、アウトドアのコースなどの衛星写真。
  • アプリのすべての地図に、ストリート、ライト、ダーク、アウトドアといった Mapbox の地図スタイル。
  • 住所を地図に表示:住所を入力するとピンで表示(ジオコーディング)し、地図をクリックすると最寄りの住所がわかります。
  • 距離と所要時間付きのルート案内。

接続すると何が変わりますか?

Section titled “接続すると何が変わりますか?”

トークンを入れるとすぐに、アプリの通常の地図が自動で Mapbox のスタイルに切り替わります。作り直しは必要ありません。MonstarX が衛星スタイルで作った地図には、それ以降、本物の衛星写真が表示されます。住所検索とルート案内は新しい機能なので、別途頼む必要があります。

  • Mapbox のアカウント が必要です。Mapbox には地図の読み込みと検索に毎月の無料枠があり、それを超えると使った分だけ支払います(Mapbox の料金 をご覧ください)。
  1. Mapbox にサインインし、Access tokens を開きます。

  2. Default public token をコピーするか、Create a token をクリックしてこのアプリ専用のトークンを作成します。公開トークンは pk. で始まります。

  1. プロジェクトを開き、上部バーの バックエンド をクリックしてから クラウド を開きます。

  2. コネクタ の Mapbox の横にある 接続する をクリックします。

  3. トークンを 公開アクセストークン に貼り付けます。

  4. Mapbox を接続 をクリックします。行に 接続済み と表示されてプレビューが再起動し、地図が Mapbox のスタイルになります。

入力する内容どうなるか
「物件の地図を衛星写真で表示して」地図が Mapbox の衛星写真に切り替わります。
「新規登録で住所を入力したら、地図にピンで表示して」住所を一度だけ検索し、位置と一緒に保存してピンを立てます。
「スタジオから会員の住所までの車のルートと所要時間を表示して」地図上にルートが描かれ、距離と所要時間(分)が表示されます。
「地図には Mapbox のダークスタイルを使って」すべての地図がダークスタイルになります。
  • このトークンは公開トークンです。ブラウザで使う前提のものなので、隠されてはいません。Mapbox のアカウントを変更することはできません。
  • トークンはこのアプリ専用に保存され、アプリが送る先は Mapbox だけです。
  • Mapbox を接続、更新、接続解除できるのはプロジェクトのオーナーだけです。接続を解除 すると地図は MonstarX の無料の地図に戻り、住所検索とルート案内は動かなくなります。
  • トークンを入れ替えるには、新しいトークンを作成し、Mapbox の行の キーを更新 をクリックして貼り付け、キーを保存 をクリックします。もう一度公開してから、古いトークンを削除してください。
  • 公開トークン(pk.)を使ってください。シークレットトークン(sk.)は Mapbox のアカウントを管理するためのもので、アプリには向きません。
  • 地図の読み込みや検索は、プレビューでのものも含め、すべて Mapbox の使用量に数えられます。
  • スポット検索、店舗情報、クチコミなら、Google Maps のほうがデータが充実しています。
地図を表示するのに Mapbox は必要ですか?

いいえ。MonstarX のアプリには、キー不要の無料の地図と世界地図があります。Mapbox を使うと、スタイル、衛星写真、住所の検索、ルート案内が加わります。

接続したあと、地図を作り直す必要はありますか?

いいえ。トークンを保存するとすぐに、通常の地図が自動で Mapbox のスタイルに切り替わります。

トークンを制限したら地図が表示されなくなったのはなぜですか?

URL で制限したトークンは、指定したアドレスからしか使えません。アプリのアドレスを追加するか、作っている間は制限なしのトークンを使ってください。

トークンがブラウザにあっても安全ですか?

はい。公開トークンはウェブページで使う前提で作られていて、地図の読み込みと住所の検索はできますが、アカウントを変更することはできません。