Free map embed tool

Embed a custom map
on your website

Draw routes, mark areas, add notes: then copy one iframe and publish it anywhere. No API key required.

Qué hace esta herramienta

Si estás buscando código para insertar un mapa, insertar mapa en sitio web o insertar mapa en HTML, normalmente necesitas una de dos cosas: un marcador de ubicación simple o un mapa personalizado que muestre una ruta, área de servicio o anotación.

Draw on a Map está diseñado para el segundo caso. En lugar de insertar solo un marcador, puedes insertar el estado exacto del mapa que creaste — dibujos, notas, nivel de zoom y todo.

✦ cómo insertar ✦

Cómo insertar un mapa personalizado

1
Crea tu mapa

Abre Draw on a Map, busca una ubicación y dibuja la ruta, círculo o anotación que quieres que los visitantes vean.

2
Genera el iframe

Haz clic en el botón Insertar junto a Compartir en la barra de herramientas. El código se genera al instante.

3
Pega en tu sitio

Copia el iframe y pégalo en tu HTML, bloque de código del CMS o widget de inserción.

embed.html
<iframe
  src="https://drawonamap.com/embed/#..."
  title="Draw on a Map embed"
  width="100%"
  height="420"
  style="border:0;"
  loading="lazy"
  referrerpolicy="no-referrer-when-downgrade"
  allow="geolocation"
  allowfullscreen></iframe>
✦ por qué usar esto ✦

¿Por qué usar esto en lugar de un inserto simple?

🗺

Superposiciones de rutas personalizadas

Muestra la ruta exacta a pie, la entrada, el punto de encuentro o el área de servicio que quieres que la gente vea.

🔑

Sin necesidad de clave API

El producto genera código de inserción alojado. No necesitas configurar tu propia API de mapas.

📍

Funciona en cualquier lugar

Páginas de eventos, listados inmobiliarios, guías de viaje, zonas de entrega, instrucciones para eventos — donde un marcador no es suficiente.

✦ preguntas ✦

Preguntas frecuentes

¿Puedo insertar un mapa en HTML puro?

Sí. Copia el código iframe y pégalo directamente en tu plantilla HTML o bloque de código.

¿Puedo insertar un mapa con mi propia ruta o notas?

Sí. La inserción conserva tu dibujo, nivel de zoom y posición del mapa exactamente como lo creaste.

¿Necesito una clave API?

No. Draw on a Map genera código de inserción iframe alojado — no se requiere clave API de tu parte.

¿Listo para insertar tu mapa?

Tarda unos dos minutos. Dibuja, haz clic en Insertar, copia el código.