Mappy - Widget Vue 360°

Intégrez en un clin d’œil les vues 360° Mappy sur votre site. Vos visiteurs pourront naviguer virtuellement dans les rues de nombreuses villes en France. Une manière ludique et innovante de découvrir ou redécouvrir une ville en images. Découvrez sur cette page quels services sont proposés et comment les intégrer facilement sur votre site.

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

L'iframe permet d'intégrer le widget au sein de votre propre site. Cette intégration est très simple à réaliser :

Votre site

Widget mappy

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) :

NomDescription
fullAddressDescription : Adresse textuelle
Type : string
latDescription : latitude en degré décimaux (4 décimales avec séparateur point ou virgule)
Type : decimal
lngDescription : longitude en degré décimaux (4 décimales avec séparateur point ou virgule)
Type : decimal
modeDescription : mode d'affichage du widget. "view" pour afficher directement la vue 360° (valeur par défaut), "map" pour afficher la carte.
Type : string
keyDescription : clé identifiant partenaire
Type : string
showPositionMarkerDescription : affichage du marqueur de position
Type : boolean

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

Compatibilité navigateurs

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

RégionVille
AlsaceColmar
AlsaceHorbourg-Wihr
AlsaceIllzach
AlsaceIngersheim
AlsaceKingersheim
AlsaceMorschwiller-le-Bas
AlsaceMulhouse
AlsaceSausheim
AlsaceStrasbourg
AlsaceTurckheim
AlsaceWintzenheim
AlsaceWittenheim
AquitaineAnglet
AquitaineBayonne
AquitaineBègles
AquitaineBiarritz
AquitaineBillère
AquitaineBordeaux
AquitaineBruges
AquitaineEysines
AquitaineFloirac
AquitaineJurançon
AquitaineLe Bouscat
AquitaineLe Passage
AquitaineLons
AquitaineMérignac
AquitainePau
AquitainePessac
AquitaineTalence
AuvergneClermont-Ferrand
Basse-NormandieCaen
Basse-NormandieCormelles-le-Royal
Basse-NormandieHérouville-Saint-Clair
Basse-NormandieIfs
Basse-NormandieMondeville
BourgogneChalon-sur-Saône
BourgogneCharnay-lès-Mâcon
BourgogneChenôve
BourgogneChevigny-Saint-Sauveur
BourgogneDijon
BourgogneFontaine-lès-Dijon
BourgogneLongvic
BourgogneMâcon
BourgogneQuetigny
BourgogneSaint-Apollinaire
BretagneBrest
BretagneCesson-Sévigné
BretagneChantepie
BretagneErgué-Gabéric
BretagneGuipavas
BretagneLanester
BretagneLangueux
BretagneLorient
BretagnePlérin
BretagnePloufragan
BretagneQuimper
BretagneRennes
BretagneSaint-Brieuc
BretagneSaint-Grégoire
BretagneSaint-Jacques-de-la-Lande
BretagneSaint-Malo
BretagneSéné
BretagneTrégueux
BretagneVannes
CentreBlois
CentreBourges
CentreChambray-lès-Tours
CentreChartres
CentreJoué-lès-Tours
CentreLa Chaussée-Saint-Victor
CentreLa Riche
CentreLa Ville-aux-Dames
CentreOrléans
CentreSaint-Cyr-sur-Loire
CentreSaint-Doulchard
CentreSaint-Pierre-des-Corps
CentreTours
Champagne-ArdenneCormontreuil
Champagne-ArdenneReims
Champagne-ArdenneRosières-près-Troyes
Champagne-ArdenneSaint-Julien-les-Villas
Champagne-ArdenneTinqueux
Champagne-ArdenneTroyes
Franche-ComtéBelfort
Franche-ComtéBesançon
Franche-ComtéThise
Haute-NormandieBois-Guillaume
Haute-NormandieEvreux
Haute-NormandieFontaine-la-Mallet
Haute-NormandieGravigny
Haute-NormandieHarfleur
Haute-NormandieLe Havre
Haute-NormandieLe Petit-Quevilly
Haute-NormandieMontivilliers
Haute-NormandieMont-Saint-Aignan
Haute-NormandieRouen
Haute-NormandieSainte-Adresse
Haute-NormandieSotteville-lès-Rouen
Ile-de-FranceAlfortville
Ile-de-FranceAntony
Ile-de-FranceArcueil
Ile-de-FranceArgenteuil
Ile-de-FranceAsnières-sur-Seine
Ile-de-FranceAubervilliers
Ile-de-FranceBagneux
Ile-de-FranceBagnolet
Ile-de-FranceBobigny
Ile-de-FranceBois-Colombes
Ile-de-FranceBougival
Ile-de-FranceBoulogne-Billancourt
Ile-de-FranceCachan
Ile-de-FranceCharenton-le-Pont
Ile-de-FranceChâtenay-Malabry
Ile-de-FranceChâtillon
Ile-de-FranceChatou
Ile-de-FranceChaville
Ile-de-FranceClamart
Ile-de-FranceClichy
Ile-de-FranceColombes
Ile-de-FranceCourbevoie
Ile-de-FranceCréteil
Ile-de-FranceCroissy-sur-Seine
Ile-de-FranceEvry
Ile-de-FranceFontenay-aux-Roses
Ile-de-FranceFontenay-sous-Bois
Ile-de-FranceGarches
Ile-de-FranceGennevilliers
Ile-de-FranceGentilly
Ile-de-FranceIssy-les-Moulineaux
Ile-de-FranceIvry-sur-Seine
Ile-de-FranceLa Celle-Saint-Cloud
Ile-de-FranceLa Garenne-Colombes
Ile-de-FranceLe Chesnay
Ile-de-FranceLe Pecq
Ile-de-FranceLe Plessis-Robinson
Ile-de-FranceLe Vésinet
Ile-de-FranceLes Pavillons-sous-Bois
Ile-de-FranceLevallois-Perret
Ile-de-FranceMaisons-Alfort
Ile-de-FranceMalakoff
Ile-de-FranceMelun
Ile-de-FranceMeudon
Ile-de-FranceMontreuil
Ile-de-FranceMontrouge
Ile-de-FranceNanterre
Ile-de-FranceNeuilly-sur-Seine
Ile-de-FranceNogent-sur-Marne
Ile-de-FranceNoisy-le-Sec
Ile-de-FrancePantin
Ile-de-FranceParis
Ile-de-FrancePuteaux
Ile-de-FranceRomainville
Ile-de-FranceRueil-Malmaison
Ile-de-FranceSaint-Cloud
Ile-de-FranceSaint-Denis
Ile-de-FranceSaint-Germain-en-Laye
Ile-de-FranceSaint-Maur-des-Fossés
Ile-de-FranceSaint-Ouen
Ile-de-FranceSceaux
Ile-de-FranceSèvres
Ile-de-FranceSuresnes
Ile-de-FranceVanves
Ile-de-FranceVaucresson
Ile-de-FranceVélizy-Villacoublay
Ile-de-FranceVersailles
Ile-de-FranceVillejuif
Ile-de-FranceVilleneuve-la-Garenne
Ile-de-FranceVincennes
Ile-de-FranceViroflay
Ile-de-FranceVitry-sur-Seine
Languedoc-RoussillonBéziers
Languedoc-RoussillonCarcassonne
Languedoc-RoussillonLa Grande-Motte
Languedoc-RoussillonLattes
Languedoc-RoussillonLe Grau-du-Roi
Languedoc-RoussillonMarguerittes
Languedoc-RoussillonMauguio
Languedoc-RoussillonMilhaud
Languedoc-RoussillonMontpellier
Languedoc-RoussillonNarbonne
Languedoc-RoussillonNîmes
Languedoc-RoussillonPalavas-les-Flots
Languedoc-RoussillonPérols
Languedoc-RoussillonPerpignan
Languedoc-RoussillonVilleneuve-lès-Béziers
LimousinLimoges
LorraineLaxou
LorraineMaxéville
LorraineMetz
LorraineMontigny-lès-Metz
LorraineNancy
LorraineSaint-Julien-lès-Metz
LorraineVandoeuvre-lès-Nancy
LorraineWoippy
Midi-PyreneesAlbi
Midi-PyreneesAucamville
Midi-PyreneesAuzeville-Tolosane
Midi-PyreneesBalma
Midi-PyreneesBeauzelle
Midi-PyreneesBlagnac
Midi-PyreneesColomiers
Midi-PyreneesFenouillet
Midi-PyreneesLabège
Midi-PyreneesLaunaguet
Midi-PyreneesLespinasse
Midi-PyreneesL'Union
Midi-PyreneesMontauban
Midi-PyreneesPortet-sur-Garonne
Midi-PyreneesRamonville-Saint-Agne
Midi-PyreneesSaint-Alban
Midi-PyreneesSaint-Jean
Midi-PyreneesSaint-Jory
Midi-PyreneesSaint-Orens-de-Gameville
Midi-PyreneesToulouse
Nord-Pas-de-CalaisArras
Nord-Pas-de-CalaisCalais
Nord-Pas-de-CalaisDouai
Nord-Pas-de-CalaisDunkerque
Nord-Pas-de-CalaisFaches-Thumesnil
Nord-Pas-de-CalaisHaubourdin
Nord-Pas-de-CalaisLa Madeleine
Nord-Pas-de-CalaisLambersart
Nord-Pas-de-CalaisLesquin
Nord-Pas-de-CalaisLille
Nord-Pas-de-CalaisLoos
Nord-Pas-de-CalaisMarcq-en-Baroeul
Nord-Pas-de-CalaisMons-en-Baroeul
Nord-Pas-de-CalaisRonchin
Nord-Pas-de-CalaisRoubaix
Nord-Pas-de-CalaisSaint-Pol-sur-Mer
Nord-Pas-de-CalaisSequedin
Nord-Pas-de-CalaisTourcoing
Nord-Pas-de-CalaisValenciennes
Nord-Pas-de-CalaisVilleneuve-d'Ascq
Pays de la LoireAngers
Pays de la LoireArnage
Pays de la LoireBasse-Goulaine
Pays de la LoireBeaucouzé
Pays de la LoireBouguenais
Pays de la LoireCarquefou
Pays de la LoireCholet
Pays de la LoireCouëron
Pays de la LoireCoulaines
Pays de la LoireLa Chapelle-sur-Erdre
Pays de la LoireLaval
Pays de la LoireLe Mans
Pays de la LoireLes Ponts-de-Cé
Pays de la LoireLes Sorinières
Pays de la LoireNantes
Pays de la LoireOrvault
Pays de la LoireRezé
Pays de la LoireSaint-Barthélemy-d'Anjou
Pays de la LoireSaint-Berthevin
Pays de la LoireSainte-Luce-sur-Loire
Pays de la LoireSaint-Herblain
Pays de la LoireSaint-Nazaire
Pays de la LoireSaint-Sébastien-sur-Loire
Pays de la LoireSautron
Pays de la LoireTrélazé
Pays de la LoireTrignac
Pays de la LoireVertou
PicardieAmiens
PicardieBeauvais
PicardieCompiègne
Poitou-CharentesAngoulême
Poitou-CharentesAytré
Poitou-CharentesBuxerolles
Poitou-CharentesChasseneuil-du-Poitou
Poitou-CharentesChauray
Poitou-CharentesGond-Pontouvre
Poitou-CharentesJaunay-Clan
Poitou-CharentesLa Rochelle
Poitou-CharentesLagord
Poitou-CharentesL'Isle-d'Espagnac
Poitou-CharentesNiort
Poitou-CharentesPérigny
Poitou-CharentesPoitiers
Poitou-CharentesPuilboreau
Poitou-CharentesSaint-Benoît
Poitou-CharentesSaint-Yrieix-sur-Charente
Poitou-CharentesSoyaux
Provence-Alpes-Côte d'AzurAix-en-Provence
Provence-Alpes-Côte d'AzurAntibes
Provence-Alpes-Côte d'AzurAubagne
Provence-Alpes-Côte d'AzurAvignon
Provence-Alpes-Côte d'AzurCannes
Provence-Alpes-Côte d'AzurLa Penne-sur-Huveaune
Provence-Alpes-Côte d'AzurLe Pontet
Provence-Alpes-Côte d'AzurLes Pennes-Mirabeau
Provence-Alpes-Côte d'AzurMarseille
Provence-Alpes-Côte d'AzurNice
Provence-Alpes-Côte d'AzurToulon
Provence-Alpes-Côte d'AzurVilleneuve-lès-Avignon
Rhône-AlpesAnnecy
Rhône-AlpesAnnecy-le-Vieux
Rhône-AlpesBourg-en-Bresse
Rhône-AlpesBourg-lès-Valence
Rhône-AlpesBron
Rhône-AlpesCaluire-et-Cuire
Rhône-AlpesChambéry
Rhône-AlpesCran-Gevrier
Rhône-AlpesEcully
Rhône-AlpesEpagny
Rhône-AlpesFrancheville
Rhône-AlpesGrenoble
Rhône-AlpesGuilherand-Granges
Rhône-AlpesLa Ravoire
Rhône-AlpesLyon
Rhône-AlpesLyon
Rhône-AlpesMeythet
Rhône-AlpesPortes-lès-Valence
Rhône-AlpesSainte-Foy-lès-Lyon
Rhône-AlpesSaint-Etienne
Rhône-AlpesSaint-Fons
Rhône-AlpesSeynod
Rhône-AlpesTassin-la-Demi-Lune
Rhône-AlpesValence
Rhône-AlpesVaulx-en-Velin
Rhône-AlpesVénissieux
Rhône-AlpesVillefranche-sur-Saône
Rhône-AlpesVilleurbanne