I-embed ang mapa sa iyong website

I-type ang iyong address, tingnan kung saan dumapo ang pin, i-drag ito sa eksaktong pintuan ng iyong lugar, at kopyahin ang isang linyang iframe — yun na ang buong trabaho. Isang beses lang nangyayari ang geocoding, dito mismo sa builder: fixed coordinates na ang isinasama sa embed, kaya OpenStreetMap tiles lang ang lo-load ng mga bisita mo. Walang API key, walang billing account, walang cookies, walang consent banner, at wala ring humihingi sa kanila ng permiso. May mga sangay? Magdagdag ng hanggang 10 pin at automatic na kasya lahat sa mapa.

Batay sa pahintulot · Pribado · Gumagana sa Chrome, Safari, Firefox, Edge

Hanapin ang iyong lokasyon
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
    Tema
    Marker color
    Laki
    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.
    paano maglagay ng mapa sa contact page map embed code na walang API key

    Mga madalas itanong

    Kailangan ba ng API key para i-embed ang mapa?
    Hindi. OpenStreetMap tiles lang ang lo-load ng embed, kaya walang API key at walang billing account na kailangan.
    Ilang pin ang kaya ilagay sa isang mapa?
    Hanggang 10 pin, kaya kasya ang mga sangay o branch. Automatic na inaayos ang mapa para makita lahat ng pin.

    Tingnan sa Ingles: Embed a Map on Your Website · Tagalog