Mappy - Widget Vue 360°

Présentation

Des fonctionnalités pratiques

Offrir des vues 360° en qualité HD
Le widget vous permet d’afficher une vue centrée sur l’adresse ou les coordonnées géographiques de votre choix. Vos utilisateurs bénéficieront de la qualité des photos panoramiques Mappy au cœur de votre site. Ils découvriront la façade correspondante à l’adresse et le quartier avoisinant.

Bien se situer grâce à un plan de quartier
Un plan de quartier affiche à tout moment le lieu correspondant à la vue ainsi que son angle de vue. Grâce à ce plan, l’utilisateur s’orientera facilement et se familiarisera avec les environs.

Naviguer de façon fluide
L’utilisateur du widget peut pivoter la vue à 360°. Il pourra également explorer les alentours grâce aux flèches de direction et avancer ainsi dans une rue, ou déplacer le petit bonhomme sur la carte pour franchir de plus grandes distances.

Avantages

260 villes couvertes en France
Les équipes Mappy collectent des vues dans toute la France depuis 2010. La grande majorité des grandes et moyennes agglomérations françaises a ainsi été photographiée. Retrouvez la liste complète des villes couvertes par le service.

Des vues régulièrement mis à jour
Les prises de vue sont effectuées par des voitures Mappy équipées de 8 appareils photo installés sur un mât, soit le double de ce qui est ordinairement utilisé. Ces huit prises de vues sont ensuite mixées pour fournir un panorama en 3D, c'est-à-dire offrant un réel rendu des distances et des profondeurs. Dès que la météo le permet, ces véhicules parcourent les routes pour assurer la plus grande fraîcheur d’information à vos utilisateurs.

Une protection rigoureuse de la vie privée
Mappy applique une politique très rigoureuse sur la protection de la vie privée, respectueuse des consignes de la Commission nationale Informatique et Liberté (CNIL). Les visages et plaques d’immatriculation sont floutés automatiquement, puis chaque image est vérifiée manuellement et éventuellement retouchée par les équipes.

Conditions d'utilisation du service

Documentation technique

Intégration de l'iframe dans votre site

Code HTML d'intégration

Il vous suffit de créer une iframe vers l'URL du widget à laquelle vous aurez éventuellement ajouté les paramètres précisés dans la section Transmission de paramètres.

<iframe src="https://widgets.mappy.com/360view?parametre1=valeur1&parametre2=valeur2" width="600" height="300" scrolling="no"></iframe>

Le widget a été conçu pour être intégré dans une iframe aux dimensions minimales de 600 pixels en largeur et 300 pixels en hauteur. Le widget se redimensionnera avec la page si votre site est élastique.

Si vous initialisez le widget avec une taille inférieure aux dimensions minimales, la vue 360° ne pourra pas être affichée et vous obtiendrez un message d'erreur technique dans le widget.

Transmission de paramètres

Les paramètres optionnels suivants peuvent être transmis dans l'URL afin de configurer le widget à l'initialisation (tous les noms de paramètres et leurs valeurs sont insensibles à la casse) :

Règles fonctionnelles associées aux paramètres :

• Si le widget est initialisé sans paramètre fullAddress ni lat/lng, la vue 360° est située dans Paris.
• Si fullAddress et lat/lng sont fournis, alors lat/lng est prioritaire sur fullAddress.
• Le paramètre key est obligatoire.

Compatibilité navigateurs

• Internet Explorer : 10.x et supérieur.
• Firefox : 38.x et supérieur.
• Chrome : 31.x et supérieur.
• Safari : 8.x et supérieur.
• Android : 4.2 et supérieur.
• iOS : 7 et supérieur.

Exemples d'intégration

Il vous suffit de créer une iframe vers l'URL du widget à laquelle vous aurez éventuellement ajouté les paramètres précisés dans la section Transmission de paramètres.

Exemple n°1

Avec l'exemple ci-dessous, vous obtenez un widget de 600x300 avec une vue placée au plus près de l'adresse demandée (47 rue de Charonne à Paris) et dirigée vers cette adresse :

Code HTML :

<iframe src="https://widgets.mappy.com/360view?key=id_partenaire&fulladdress=47 rue de charonne paris" width="600" height="300" scrolling="no"></iframe>

Résultat :

Exemple n°2

Avec l'exemple ci-dessous, vous obtenez un widget de 1000x500 pixels représentant une vue 360° centrée sur les coordonnées 48.69873/6.17797 :

Code HTML :

<iframe src="https://widgets.mappy.com/360view?lat=48.69873&lng=6.17797&key=id_partenaire" width="1000" height="500" scrolling="no"></iframe>

Résultat :

Villes couvertes par le service