웹사이트에 지도 삽입

주소를 입력하면 핀이 자리를 잡습니다. 핀을 정확한 출입구 위로 끌어놓고 iframe 한 줄을 복사하면 끝입니다. 지오코딩은 여기 빌더에서 한 번만 이루어지고, 삽입 코드 자체에는 고정 좌표가 들어갑니다. 그래서 방문자는 OpenStreetMap 타일만 불러옵니다. API 키도, 결제 계정도, 쿠키도, 동의 배너도 필요 없고, 방문자에게 권한을 묻는 일도 전혀 없습니다. 지점이 여러 곳인가요? 핀을 최대 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 키나 결제 계정이 필요 없습니다. 쿠키도 설정하지 않으니 동의 배너도 필요 없습니다.
    지점이 여러 곳이면 어떻게 표시하나요?
    핀을 최대 10개까지 추가할 수 있습니다. 지도가 모든 핀이 보이도록 범위를 자동으로 맞춰 줍니다.

    영어로 보기: Embed a Map on Your Website · 한국어