在网站上嵌入地图

输入您的地址,看着标记落下,把它拖到您家门口的准确位置,然后复制一行 iframe——整件事就这么简单。地理编码只在这里的生成器里做一次:嵌入代码本身写死了坐标,所以您的访客只会加载 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.
    怎么在网站上放地图 免费地图 iframe 代码

    常见问题

    嵌入这个地图需要 API 密钥吗?
    不需要。地图使用 OpenStreetMap 瓦片,没有 API 密钥,也没有计费账户。您只要把生成的那一行 iframe 粘贴到页面里就行。
    可以在一张地图上放多个门店吗?
    可以,最多添加 10 个标记,地图会自动调整视野,把所有标记都框进来。

    查看英文版: Embed a Map on Your Website · 简体中文