アプリに地図を表示する — API キー不要
要点MonstarX のアプリは、キーも設定もなしで2種類の地図を表示できます。クリックしたり色分けしたりできる国の世界地図と、ピンを立てて動かしたり拡大したりできる街路地図です。チャットで地図を頼みましょう。Mapbox や Google Maps を接続する必要があるのは、住所検索、ルート案内、スポット検索、航空写真を使うときだけです。
地図があると、ぐっと便利になるアプリがあります。店舗検索、旅の記録、国別の売上、フェスの会場案内などです。地図を使うには、ふつうは地図サービスに登録して API キーを貼り付ける必要があります。MonstarX ではその必要はありません。どのアプリも、キーも登録もなしで、リクエスト数の上限もなく、無料で地図を表示できます。
どんな地図を表示できますか？
Section titled “どんな地図を表示できますか？”国の世界地図
Section titled “国の世界地図”すべての国（236か国）が描かれたすっきりした地図です。国をクリックして選んだり、数値に応じて国を色分けしたり、ヨーロッパや南米などの地域に拡大したりできます。地図そのものはインターネットに接続していなくても表示でき、キーボードで国を選ぶこともできます。
向いている使い方：国の選択、「お客さんがいる地域」、市場別の結果、訪れた場所の一覧、国別のニュース。
動かしたり拡大したりできる街路地図
Section titled “動かしたり拡大したりできる街路地図”世界中の道路、公園、建物が描かれた詳しい地図で、クリックできるピンを立てられます。streets、light、dark、terrain のスタイルがあり、すべてのピンが収まるように自動で表示範囲を合わせたり、どこがクリックされたかをアプリに伝えたりできます。
向いている使い方：店舗検索、会場の地図、「近くにあるもの」、配達エリア、掲載情報ごとの地図。
地図を追加するには？
Section titled “地図を追加するには？”何を載せたいかを伝えて頼みます。
世界地図のある「探す」ページを追加してください。各国をレシピの数で色分けして、国をクリックしたら、その国のレシピを地図の下に一覧表示してください。
各カフェのページに、カフェの場所にピンを立てた街路地図を表示してください。「カフェを探す」ページではすべてのカフェをピンで表示して、ピンをクリックしたらそのカフェのページを開いてください。
MonstarX は必ずこの組み込みの地図を使います。地図を手で描いたり、ほかの地図ライブラリを読み込んだりはしないので、地図は正しく表示され、すばやく読み込まれます。
Mapbox や Google Maps が必要になるのはどんなときですか？
Section titled “Mapbox や Google Maps が必要になるのはどんなときですか？”組み込みの地図が表示できるのは、位置がすでにわかっている場所です。それではできないことには、地図サービスを接続します。
| やりたいこと | 必要なもの |
|---|---|
| 世界地図、街路地図、ピン、国の選択 | 何もいりません（組み込み） |
| 入力された住所を地図上のピンにする（ジオコーディング） | Mapbox または Google Maps |
| ルート案内と経路 | Mapbox または Google Maps |
| スポットやお店の検索、住所の入力補完 | Google Maps または Mapbox |
| 航空写真 | Mapbox |
バックエンドクラウド の コネクタ で接続します。詳しくは コネクタ をご覧ください。Mapbox を接続すると、街路地図は自動で Mapbox 独自の地図スタイル（航空写真を含む）に切り替わります。アプリ側で変更する必要はありません。
よくある質問
Section titled “よくある質問”組み込みの地図に料金はかかりますか？
かかりません。アカウントもキーも不要で、リクエスト数の上限もありません。
住所を入力して地図に表示できますか？
住所を位置に変換するには地図サービスが必要です。Mapbox か Google Maps を接続し、住所検索を追加するよう MonstarX に頼んでください。
航空写真を表示できますか？
はい、Mapbox コネクタを使えば表示できます。接続していない場合、航空写真のスタイルでは代わりに詳しい街路地図が表示されます。
リンクのプレビューや QA のスクリーンショットに地図は写りますか？
世界地図はページの一部として描かれるので写ります。街路地図はブラウザで描かれるため、描画できないブラウザでは、空の枠の代わりに短いメッセージが表示されます。