Jetpackの地図ブロック
サイトの投稿またはページに、Jetpackの 地図ブロックを使って地図を追加できます。
地図ブロックを使用するための特別な要件
地図ブロックを使用するには、Mapboxのアクセストークンが必要です。このトークンがないと、ブロックに地図を表示できません。
アクセストークンを取得する方法は次のとおりです。
- まだMapboxアカウントをお持ちでない場合は、https://www.mapbox.com/signup/を開いてアカウントを作成してください。無料で作成できます。
- Mapboxアカウントにログインします。
- 上部メニューのアカウントページに移動し、アクセストークンのセクションを探します。
- デフォルトの公開トークンをクリップボードにコピーします。新しく作成する必要はありません。
- サイトで初めて地図ブロックを追加すると、Mapboxアクセストークンの入力を求める画面が表示されます。
- 先ほどクリップボードにコピーしたデフォルトの公開トークンを、地図ブロックのトークン欄に貼り付けます。
- トークンを設定。
地図ブロックを追加する
地図ブロックはJetpackブロックの一部で、デフォルトで有効になっています。有料アップグレードなしで使用できます。利用可能なブロックと有効化方法については、Jetpackブロックの記事をご覧ください。
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you have a few options:
- Deactivate the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enable both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin (not the menu under Jetpack settings). Set Allow users to switch editors to Yes. You will only see these options if you have the Classic Editor plugin installed and active.
Some custom themes or plugins may prevent you from using the Block Editor. In that case, please contact the support team for the plugin or theme for further assistance.
For more details, see Using Blocks and the Classic Editor.
ブロックピッカーで「マップ」を検索すると、任意の投稿または固定ページにマップブロックを追加できます。Jetpackのマップブロックには緑色のアイコンがあります。詳しくはJetpackブロックページをご覧ください。Jetpackブロックの追加方法について詳しく説明しています。マップブロックを追加したら、次の手順に従ってください。
- 地図を読み込むと、「場所を追加」と表示された、場所のマーカーを追加できるテキストフィールドが表示されます。
- 地図に表示する場所を入力します。入力内容は大まかなものでも具体的なものでも構いません。入力中に場所の候補が自動的に表示されます。
- 正しい場所をクリックして、地図に追加します。
- 赤いマーカー記号をクリックすると、マーカーのタイトルとキャプションを編集できます。マーカーのキャプション欄で住所を編集しても、マーカーの位置は変わりません。マーカーをクリックしたときに地図に表示されるテキストだけが変更されます。
- 住所が正しく特定されていない場合は、地図上で位置マーカーの精度向上に貢献できます。Mapboxでは、データを地図ユーティリティを通じて編集を提案することで改善できます。
場所のマーカーを追加する
同じ地図に複数の場所のマーカーを追加できます。たとえば、レストランチェーンのすべての店舗を1つの地図に表示したい場合は、各店舗にマーカーを追加できます。
場所のマーカーを追加するには、次の操作を行います。
- マーカーを追加を、ページまたは投稿の同じ地図ブロックでクリックします。
- 上記の手順に従って場所の詳細を入力します。
- マーカーを追加するたびに、この操作を繰り返します。
複数の場所のマーカーを追加すると、すべてのマーカーが表示されるように地図が縮小されます。
地図ブロックの設定
WordPressエディターで地図ブロックを選択すると、右側のサイドバーからブロック設定にアクセスできます。
地図の外観
地図の外観をカスタマイズするためのさまざまなオプションがあります。
- 地図のテーマ。
- 道路名を表示するかどうかのオプション。
- 場所のマーカーの色。
- 高さ、ズームレベル、全画面表示のオプション。
マーカーのセクション
マーカーのセクション設定から、すべてのマーカーを編集できます。ブロック設定からマーカーを編集する操作は、マーカー自体をクリックしてブロックを編集する場合とまったく同じです。ただし、編集するマーカーが多い場合は、これらの設定を使用するほうが簡単です。
Mapboxアクセストークン
このセクションからMapboxアクセストークンを更新または削除できます。
サイトに複数の地図がある場合、1つの地図からアクセストークンを削除すると、すべての地図から削除されます。ただし、場所のマーカーは保存されるため、新しいアクセストークンを追加すれば再び表示されます。
地図ブロックの詳細設定
詳細設定では、地図にカスタムCSSクラスを追加して、必要に応じて独自のカスタムCSSスタイルを適用できます。
Still need help?
Please contact support. We’re happy to advise.
プライバシー情報
地図ブロックは有効化されています。無効化することはできません。地図ブロックはブロックセレクターで常に利用できます。
地図ブロックはMapboxを使用します。Mapboxのプライバシーポリシーはこちらでご確認いただけます。https://www.mapbox.com/privacy/。
| 使用されるデータ | |
|---|---|
| サイト所有者／ユーザー
Mapbox APIキー。場所を検索すると、検索語がMapboxに送信されます。地図タイルはMapboxから読み込まれます。 | サイト訪問者
なし。 |
| 追跡されるアクティビティ | |
| サイト所有者／ユーザー
当社では何も追跡しません。追跡されるアクティビティの詳細については、Mapboxのプライバシーポリシーをご覧ください。 | サイト訪問者
当社では何も追跡しません。追跡されるアクティビティの詳細については、Mapboxのプライバシーポリシーをご覧ください。 |
| 同期されるデータ（詳細を読む） | |
| サイト所有者／ユーザー
Mapbox APIキー。投稿の内容。 この機能で利用できる設定がどのように構成されているかを識別するオプションも同期します。 | サイト訪問者
なし。 |
