Intégrer une carte à votre site web
Affichez la carte d'un projet dans une page de votre propre site web, choisissez son apparence et limitez les sites autorisés à l'afficher.
Une carte intégrée place l'un de vos projets dans une page de votre propre site web : ses formes, leurs mesures et, s'il est chiffré, son estimation. Les visiteurs la consultent sur place, sans compte, et peuvent l'ouvrir dans Measure Map Online s'ils veulent plus de place.
Quels projets peuvent être intégrés#
Ce que voient les visiteurs de votre site dépend du niveau d'accès du projet :
- Les projets en Affichage uniquement et Public s'affichent sur votre page. Les visiteurs peuvent regarder mais rien modifier : la modification est désactivée dans une carte intégrée, même pour les membres d'un projet.
- Les projets Invité Ouvert font exception : les visiteurs peuvent y mesurer et vous demander un devis.
- Les projets Privé ne s'ouvrent pas pour vos visiteurs.
Réglez le niveau d'accès du projet dans ses paramètres de partage avant de l'intégrer.
Obtenir le code d'intégration#
- Sur le tableau de bord, appuyez sur Développeur, puis sur Intégrer une carte. L'intégration utilise toujours votre clé de production : les visiteurs de votre site ne peuvent pas ouvrir les projets créés avec une clé de bac à sable (voir production et bac à sable).
- Sous Obtenez votre clé API iFrame, si la page n'affiche encore aucune clé, appuyez sur Générer une nouvelle clé. Voir les clés d'API.
- Sous Définir l'ID du projet, saisissez une partie du nom du projet dans Choisissez un projet et choisissez-le dans la liste. La liste indique comment chaque projet est partagé, et laisse de côté les modèles et les projets de la corbeille. Si vous choisissez un projet Privé, la page vous avertit que vos visiteurs ne peuvent pas l'ouvrir et propose Passer en « Affichage uniquement ».
- Sous Intégrer le code, choisissez l'apparence de la carte :
- Thème : Auto suit le réglage clair ou sombre de chaque visiteur ; ou toujours Clair ou Sombre.
- Unités : Auto (pays du visiteur) affiche les unités impériales aux visiteurs des États-Unis et les unités métriques à tous les autres ; ou toujours Impérial ou Métrique.
- Type de carte : Satellite, Carte, Hybride ou Terrain.
- Largeur et Hauteur de la carte sur votre page, en pixels (de 200 à 2000).
- Vérifiez l'Aperçu en direct.
- Appuyez sur à côté de Code d’intégration et collez le code dans le HTML de votre page, là où la carte doit apparaître.
Le code contient votre clé d'API : la carte fonctionne donc tant que vous ne remplacez pas la clé, sur les sites web que la clé autorise. Après son remplacement, l'ancienne clé reste acceptée pendant 24 heures : collez le nouveau code dans vos pages pendant ce délai. Seul l'Aperçu en direct de cette page utilise à la place un jeton de courte durée.
Pour ne jamais placer la clé dans vos pages, faites demander un jeton par le serveur de votre site à chaque affichage de la page. Voir clé ou jeton, qui liste aussi tous les paramètres qu'accepte l'adresse d'intégration.
Limiter la carte à vos sites web#
Par défaut, une intégration fonctionne sur n'importe quel site web. Pour
empêcher d'autres sites d'afficher vos cartes, appuyez sur Développeur > Clés d’API et ajoutez vos propres
sites web, comme example.com, sous Restrictions du site web. Un site
web de la liste couvre aussi ses sous-domaines. Dès que la liste contient au
moins un site web, une carte intégrée ailleurs ne s'ouvre pas. Voir
limiter la clé à vos sites web.
Ce que peuvent faire les visiteurs#
Dans une carte intégrée, les visiteurs peuvent :
- se déplacer et zoomer, et cliquer sur une forme pour lire ses mesures ;
- voir l'estimation du projet, s'il en a une ;
- appuyer sur pour changer le type de carte et les unités de mesure (voir les paramètres) ;
- appuyer sur le bouton Measure Map Online dans le coin inférieur droit pour ouvrir le projet dans un nouvel onglet.
Dans un projet Open Guest, ils peuvent aussi dessiner et mesurer, et appuyer sur Demander un devis pour vous envoyer leurs coordonnées.
Dans toutes les autres cartes intégrées, la modification est désactivée, même pour les membres du projet. Pour construire l'intégration depuis votre propre code, ou y mettre un jeton de courte durée au lieu de votre clé, voir l'API iFrame.
Besoin d'aide supplémentaire ?
Écrivez à notre équipe d'assistance et dites-nous ce que vous essayiez de faire. Les captures d'écran nous aident.