Insertar un mapa en tu web

Escribe tu dirección, mira dónde cae el pin, arrástralo hasta tu entrada exacta y copia una línea de iframe: eso es todo el trabajo. La geocodificación ocurre una sola vez, aquí mismo en el generador. El código insertado lleva coordenadas fijas, así que tus visitantes solo cargan las teselas de OpenStreetMap. Sin clave de API, sin cuenta de facturación, sin cookies, sin banner de consentimiento y nada les pide permiso en ningún momento. ¿Tienes varias sedes? Añade hasta 10 pines y el mapa las encuadra todas automáticamente.

Con permiso · Privado · Funciona en Chrome, Safari, Firefox, Edge

Encuentra tu ubicación
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
    Tamaño
    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.
    poner un mapa en mi página de contacto mapa para mi web sin clave de API

    Preguntas frecuentes

    ¿Necesito una clave de API o una cuenta de Google?
    No. El mapa usa teselas de OpenStreetMap y el código insertado lleva coordenadas fijas, así que no hace falta clave de API, cuenta de facturación ni cookies.
    ¿Cuántos pines puedo poner en el mapa?
    Hasta 10. Añade una dirección por sede y el mapa ajusta el encuadre solo para que todos los pines queden visibles.

    Ver en inglés: Embed a Map on Your Website · Español