地図をウェブサイトに埋め込む

住所を入力するとピンが立ちます。ピンをドラッグして入口のちょうどその位置に合わせ、iframeの1行をコピーする——作業はこれだけです。ジオコーディングはこのビルダー内で一度だけ行われます。埋め込みコードには固定された座標が入るので、訪問者が読み込むのはOpenStreetMapのタイルだけです。APIキーも課金アカウントもCookieも同意バナーも不要で、訪問者に許可を求めることもありません。支店が複数ありますか?ピンは10個まで追加でき、地図はそのすべてが収まるように自動で調整されます。

許可制 · プライベート · Chrome、Safari、Firefox、Edge で動作

現在地を調べる
1 · Set the location

Drag the pin (or click the map) until it sits exactly on your entrance — the embed uses these final coordinates, not the address text.

Multiple locations (optional — up to 10)

    One location? Ignore this — just copy the code below. For branches: position the pin, label it, press Add, then search the next address. Visitors get a locations panel — an accordion beside the map (or a card strip on phones) — and picking an entry flies the map to that branch.

    2 · Options
    テーマ
    Marker color
    サイズ
    Locations panel (multi-location embeds)
    Motion

    Visitors who set “reduce motion” in their system always get the instant version, whatever you pick here.

    3 · Preview

    Set a location above — the live preview appears here.

    4 · Copy the code
    Set a location first — the snippet appears here.

    The URL is for platforms that embed by address instead of HTML — Notion’s /embed block, Google Sites’ Embed ▸ By URL.

    Geocoding happened just now, in this builder — the embed itself ships fixed coordinates, loads only OpenStreetMap tiles, sets no cookies, and asks your visitors for nothing. No API key, no consent banner, no permission prompt.

    5 · Optional: LocalBusiness structured data

    Paste this into the same contact page (inside <head> or anywhere in the body) to tell Google and Bing your exact business location — it can surface your address and map pin directly in search results. Fill the overlay title above with your business name first; add a phone number if you want it shown.

    Set a location first — the snippet appears here.
    ホームページに地図を貼る

    よくある質問

    地図を埋め込むのにAPIキーは必要ですか?
    不要です。ジオコーディングはビルダー内で一度だけ行われ、埋め込みコードには固定座標が入ります。訪問者はOpenStreetMapのタイルだけを読み込むので、課金アカウントもいりません。
    複数の店舗を1つの地図に表示できますか?
    できます。ピンは10個まで追加でき、地図はすべてのピンが収まるように自動で調整されます。

    英語で表示: Embed a Map on Your Website · 日本語