Plan de Site : Vos Espaces en Détails
Boostez l’Interactivité de Votre Site avec une Carte Interactive et Proposez une Exploration Complète à Vos Clients et Employés
Carte Traditionelle
5 Principaux Avantages de nos Cartes Traditionnelles.
- Vue Globale et Détaillée:
- Offre une représentation visuelle complète et précise du site.
- Estimation des Distances:
- Permet de mesurer facilement les distances pour une meilleure planification.
- Orientation et Navigation:
- Aide à s'orienter et à naviguer efficacement.
- Représentation Réaliste:
- Fournit une image haute définition et captivante du terrain.
- Planification des Activités:
- Facilite la compréhension du site et l'optimisation des déplacements.
Carte interactive
Dès votre arrivée, veuillez vous présenter ici.
Cliquez!<\/span><\/button>\n <\/a>\n <\/div>\n<\/div>\n","customeCssCode":"\n.card {\n max-width: 200px;\n border-radius: 0.9rem;\n background-color: #499fc5;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n}\n\n.content {\n padding: 1.1rem;\n}\n\n.image {\n object-fit: cover;\n width: 100%;\n height: 150px;\n background-color: rgb(239, 205, 255);\n}\n\n.title {\n color: #111827;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 600;\n}\n\n.desc {\n margin-top: 0.0rem;\n color: #6B7280;\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.action {\n display: inline-flex;\n margin-top: 1rem;\n color: #3a92c7;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n align-items: center;\n gap: 0.25rem;\n background-color: #2563EB;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.action span {\n transition: .3s ease;\n}\n\n.action:hover span {\n transform: translateX(4px);\n}\n\nbutton {\n position: relative;\n overflow: hidden;\n border: 1px solid #18181a;\n color: #18181a;\n display: inline-block;\n font-size: 15px;\n line-height: 15px;\n padding: 18px 18px 17px;\n text-decoration: none;\n cursor: pointer;\n background: #29i89i;\n user-select: none;\n -webkit-user-select: none;\n touch-action: manipulation;\n border-radius: 20px; \/* Ajout de coins arrondis *\/\n}\n\n\nbutton span:first-child {\n position: relative;\n transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 10;\n}\n\nbutton span:last-child {\n color: white;\n display: block;\n position: absolute;\n bottom: 0;\n transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 100;\n opacity: 0;\n top: 50%;\n left: 50%;\n transform: translateY(225%) translateX(-50%);\n height: 14px;\n line-height: 13px;\n}\n\nbutton:after {\n content: \"\";\n position: absolute;\n bottom: -50%;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n transform-origin: bottom center;\n transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);\n transform: skewY(9.3deg) scaleY(0);\n z-index: 50;\n}\n\nbutton:hover:after {\n transform-origin: bottom center;\n transform: skewY(9.3deg) scaleY(2);\n}\n\nbutton:hover span:last-child {\n transform: translateX(-50%) translateY(-50%);\n opacity: 1;\n transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);\n}\n\n","customeCodePopup":"","popupCustomHtml":"","popupCustomCss":"","popupCustomCodeWidth":"","customIconLinkType":"2","linkPosition":"1","elementType":3,"xPos":"59.81","yPos":"50.27","tWidth":"814.05","iconWidth":"60"}' class='imh-6310-drag imh-6310-point-13-2' style='display: none'>
Tooltip text
Plage ouverte
Bloc sanitaire
Cliquez!<\/span><\/button>\n <\/a>\n <\/div>\n<\/div>\n","customeCssCode":"\n.card {\n max-width: 200px;\n border-radius: 0.9rem;\n background-color: #499fc5;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n}\n\n.content {\n padding: 1.1rem;\n}\n\n.image {\n object-fit: cover;\n width: 100%;\n height: 150px;\n background-color: rgb(239, 205, 255);\n}\n\n.title {\n color: #111827;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 600;\n}\n\n.desc {\n margin-top: 0.0rem;\n color: #6B7280;\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.action {\n display: inline-flex;\n margin-top: 1rem;\n color: #3a92c7;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n align-items: center;\n gap: 0.25rem;\n background-color: #2563EB;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.action span {\n transition: .3s ease;\n}\n\n.action:hover span {\n transform: translateX(4px);\n}\n\nbutton {\n position: relative;\n overflow: hidden;\n border: 1px solid #18181a;\n color: #18181a;\n display: inline-block;\n font-size: 15px;\n line-height: 15px;\n padding: 18px 18px 17px;\n text-decoration: none;\n cursor: pointer;\n background: #29i89i;\n user-select: none;\n -webkit-user-select: none;\n touch-action: manipulation;\n border-radius: 20px; \/* Ajout de coins arrondis *\/\n}\n\n\nbutton span:first-child {\n position: relative;\n transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 10;\n}\n\nbutton span:last-child {\n color: white;\n display: block;\n position: absolute;\n bottom: 0;\n transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 100;\n opacity: 0;\n top: 50%;\n left: 50%;\n transform: translateY(225%) translateX(-50%);\n height: 14px;\n line-height: 13px;\n}\n\nbutton:after {\n content: \"\";\n position: absolute;\n bottom: -50%;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n transform-origin: bottom center;\n transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);\n transform: skewY(9.3deg) scaleY(0);\n z-index: 50;\n}\n\nbutton:hover:after {\n transform-origin: bottom center;\n transform: skewY(9.3deg) scaleY(2);\n}\n\nbutton:hover span:last-child {\n transform: translateX(-50%) translateY(-50%);\n opacity: 1;\n transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);\n}\n\n","customeCodePopup":"","popupCustomHtml":"","popupCustomCss":"","popupCustomCodeWidth":"","customIconLinkType":"2","linkPosition":"1","elementType":3,"xPos":"68.54","yPos":"46.03","tWidth":"814.05","iconWidth":"60"}' class='imh-6310-drag imh-6310-point-13-5' style='display: none'>
Tooltip text
Cliquez!<\/span><\/button>\n <\/a>\n <\/div>\n<\/div>\n","customeCssCode":"\n.card {\n max-width: 200px;\n border-radius: 0.9rem;\n background-color: #499fc5;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n border: 1px solid transparent;\n}\n\n.content {\n padding: 1.1rem;\n}\n\n.image {\n object-fit: cover;\n width: 100%;\n height: 150px;\n background-color: rgb(239, 205, 255);\n}\n\n.title {\n color: #111827;\n font-size: 1.125rem;\n line-height: 1.75rem;\n font-weight: 600;\n}\n\n.desc {\n margin-top: 0.0rem;\n color: #6B7280;\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.action {\n display: inline-flex;\n margin-top: 1rem;\n color: #3a92c7;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 500;\n align-items: center;\n gap: 0.25rem;\n background-color: #2563EB;\n padding: 4px 8px;\n border-radius: 4px;\n}\n\n.action span {\n transition: .3s ease;\n}\n\n.action:hover span {\n transform: translateX(4px);\n}\n\nbutton {\n position: relative;\n overflow: hidden;\n border: 1px solid #18181a;\n color: #18181a;\n display: inline-block;\n font-size: 15px;\n line-height: 15px;\n padding: 18px 18px 17px;\n text-decoration: none;\n cursor: pointer;\n background: #29i89i;\n user-select: none;\n -webkit-user-select: none;\n touch-action: manipulation;\n border-radius: 20px; \/* Ajout de coins arrondis *\/\n}\n\n\nbutton span:first-child {\n position: relative;\n transition: color 600ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 10;\n}\n\nbutton span:last-child {\n color: white;\n display: block;\n position: absolute;\n bottom: 0;\n transition: all 500ms cubic-bezier(0.48, 0, 0.12, 1);\n z-index: 100;\n opacity: 0;\n top: 50%;\n left: 50%;\n transform: translateY(225%) translateX(-50%);\n height: 14px;\n line-height: 13px;\n}\n\nbutton:after {\n content: \"\";\n position: absolute;\n bottom: -50%;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: black;\n transform-origin: bottom center;\n transition: transform 600ms cubic-bezier(0.48, 0, 0.12, 1);\n transform: skewY(9.3deg) scaleY(0);\n z-index: 50;\n}\n\nbutton:hover:after {\n transform-origin: bottom center;\n transform: skewY(9.3deg) scaleY(2);\n}\n\nbutton:hover span:last-child {\n transform: translateX(-50%) translateY(-50%);\n opacity: 1;\n transition: all 900ms cubic-bezier(0.48, 0, 0.12, 1);\n}\n\n","customeCodePopup":"","popupCustomHtml":"","popupCustomCss":"","popupCustomCodeWidth":"","customIconLinkType":"2","linkPosition":"1","elementType":3,"xPos":"78.02","yPos":"40.26","tWidth":"814.05","iconWidth":"60"}' class='imh-6310-drag imh-6310-point-13-6' style='display: none'>
Tooltip text
Avantage d'un plan de site interactive
La nouvelle dimension de cartographie.
1. Vos informations essentielles claire et attrayante.
2. Visualisations Rapide des zones d’activités et des installations.
3. Enrichissez chaque point d’intérêt avec des photos, des vidéos et des descriptions détaillées.
4. Ajoutez des liens pertinents pour rediriger instantanément vos visiteurs vers votre page de vente ou de réservation.
5. Offrez une expérience interactive et engageante à vos utilisateurs.
