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.

Ce que fait cet outil

Si vous cherchez un code d'intégration de carte, intégrer une carte sur un site web ou intégrer une carte en HTML, vous avez généralement besoin d'une des deux choses suivantes : un simple marqueur de position ou une carte personnalisée qui montre un itinéraire, une zone de service ou une annotation.

Draw on a Map est conçu pour le second cas. Au lieu d'intégrer seulement un marqueur, vous pouvez intégrer l'état exact de la carte que vous avez créée — dessins, notes, niveau de zoom et tout le reste.

✦ comment intégrer ✦

Comment intégrer une carte personnalisée

1
Créez votre carte

Ouvrez Draw on a Map, recherchez un lieu et dessinez l'itinéraire, le cercle ou l'annotation que vous souhaitez montrer aux visiteurs.

2
Générez l'iframe

Cliquez sur le bouton Intégrer à côté de Partager dans la barre d'outils. Le code est généré instantanément.

3
Collez sur votre site

Copiez l'iframe et collez-le dans votre HTML, bloc de code CMS ou widget d'intégration.

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>
✦ pourquoi utiliser ceci ✦

Pourquoi utiliser ceci plutôt qu'un simple encart ?

🗺

Superpositions d'itinéraires personnalisés

Affichez le chemin piéton exact, l'entrée, le point de rendez-vous ou la zone de service que vous souhaitez montrer.

🔑

Pas de clé API nécessaire

Le produit génère un code d'intégration hébergé. Vous n'avez pas besoin de configurer votre propre API de cartes.

📍

Fonctionne partout

Pages d'evénements, annonces immobilières, guides de voyage, zones de livraison, instructions d'événement — partout où un marqueur ne suffit pas.

✦ questions ✦

Foire aux questions

Puis-je intégrer une carte en HTML brut ?

Oui. Copiez le code iframe et collez-le directement dans votre modèle HTML ou bloc de code.

Puis-je intégrer une carte avec mon propre itinéraire ou mes notes ?

Oui. L'intégration préserve votre dessin, le niveau de zoom et la position de la carte exactement comme vous les avez créés.

Ai-je besoin d'une clé API ?

Non. Draw on a Map génère un code d'intégration iframe hébergé — aucune clé API nécessaire de votre côté.

Prêt à intégrer votre carte ?

Il faut environ deux minutes. Dessinez, cliquez sur Intégrer, copiez le code.