panoVisu - le Monde à 360°

Créez vos visites virtuelles

Site Optimisé pour Firefox, Chrome & Safari

Exemples simples

Photo de nuit à Lilia (face au phare de l'île vierge)

Afficher le code du fichier XML

<?xml version="1.0" encoding="UTF-8"?>
<!--
     Visite générée par l'éditeur panoVisu 

             Création L.LANG      le monde à 360°  : http://lemondea360.fr
-->

<scene>
   <pano 
      image="panos/_DSC4168 Panorama_sphere"
      titre="null"
      titrePolice="Verdana"
      titreTaillePolice="12px"
      titreTaille="100%"
      titreFond="rgba(204,204,204,0.0)"
      titreCouleur="#ffffff"
      diaporamaCouleur="rgba(0,0,0,0.8)"
      type="sphere"
      multiReso="oui"
      nombreNiveaux="4.0"
      zeroNord="-180.0"
      regardX="-91.0"
      regardY="9"
      affinfo="oui"
      afftitre="non"
   />
   <!--Définition de la Barre de navigation-->
   <boutons 
      styleBoutons="navigation"
      couleur="rgba(255,255,255,0)"
      bordure="rgba(255,255,255,0)"
      deplacements="oui" 
      zoom="oui" 
      outils="non"
      fs="oui" 
      souris="non" 
      rotation="non" 
      positionX="left"
      positionY="bottom" 
      dX="10.0" 
      dY="10.0"
      espacement="4"
      visible="oui"
   />
    <!--Définition des hotspots-->
   <hotspots>
   </hotspots>
<!-- Définition des images de fond -->
</scene>


Photo de nuit à la pointe Saint Matthieu

Afficher le code du fichier XML

<?xml version="1.0" encoding="UTF-8"?>
<!--
     Visite générée par l'éditeur panoVisu 

             Création L.LANG      le monde à 360°  : http://lemondea360.fr
-->


<scene>
   <pano 
      image="panos/_DSC4229 Panorama_sphere"
      titre="null"
      titrePolice="Verdana"
      titreTaillePolice="12px"
      titreTaille="100%"
      titreFond="rgba(204,204,204,0.0)"
      titreCouleur="#ffffff"
      diaporamaCouleur="rgba(0,0,0,0.8)"
      type="sphere"
      multiReso="oui"
      nombreNiveaux="4.0"
      zeroNord="-180.0"
      regardX="-120.0"
      regardY="5"
      affinfo="oui"
      afftitre="non"
   />
   <!--Définition de la Barre de navigation-->
   <boutons 
      styleBoutons="navigation"
      couleur="rgba(255,255,255,0)"
      bordure="rgba(255,255,255,0)"
      deplacements="oui" 
      zoom="oui" 
      outils="oui"
      fs="oui" 
      souris="oui" 
      rotation="oui" 
      positionX="center"
      positionY="bottom" 
      dX="0.0" 
      dY="10.0"
      espacement="4"
      visible="oui"
   />
    <!--Définition des hotspots-->
  
   <hotspots>
   </hotspots>

<!-- Définition des images de fond -->

    <imageFond
        fichier="images/terreg.gif"
        posX="right" 
        posY="bottom" 
        offsetX="10.0" 
        offsetY="10.0" 
        tailleX="68" 
        tailleY="68" 
        opacite="0.8" 
        masquable="oui" 
        url="Le monde à 360°" 
        infobulle="http://lemondea360.fr" 
    />
</scene>


Exemples de Visites avec actionneurs externes

Exemple

Afficher le code JavaScript

    $(function () {
      var visiteStGermain = ajoutePano({
        langue: "fr_FR",
        panoramique: "pano",
        minFOV: 35,
        maxFOV: 120,
        fenX: "80%",
        fenY: "100%",
        xml: "xml/DSC05098_DxO Panorama_cube_sphere.xml"
      });

      var arreteVisite = false;

      function visite() {
        visiteStGermain.setPoint(100, 0);
        visiteStGermain.setFOV(60);
        requestTimeout(function () {
        if (arreteVisite)
          return;
        visiteStGermain.allerAuPoint(150, 10, 2);
        requestTimeout(function () {
          if (arreteVisite)
            return;
          visiteStGermain.allerFOV(80, 10);
          visiteStGermain.allerAuPoint(330, -10, 20);
          requestTimeout(function () {
            if (arreteVisite)
            return;
            visiteStGermain.allerFOV(40, 1.8);
            requestTimeout(function () {
            if (arreteVisite)
              return;
            if (visiteStGermain.getXML() === "xml/DSC05098_DxO Panorama_cube_sphere.xml")
            {
              visiteStGermain.setPano("xml/DSC05102_DxO Panorama_cube_sphere.xml");
            }
            else
            {
              visiteStGermain.setPano("xml/DSC05098_DxO Panorama_cube_sphere.xml");
            }

            visite();
            }, 2000);
          }, 21000);
        }, 5000);
        }, 2000);
      }
      $(window).resize(function () {
        $("article").height($(window).height() - 10);
        $("#pano").height($(window).height() - 10);
      });

      $("article").height($(window).height() - 10);

      $("#pano").height($(window).height() - 10);


      $(".reseauSocial-twitter").on("click", function () {
        window.open(
          "https://twitter.com/share?url=" + document.location.href
          );
        return false;
      });
      $(".reseauSocial-fb").on("click", function () {
        window.open(
          "http://www.facebook.com/share.php?u=" + document.location.href
          );
        return false;
      });
      $(".reseauSocial-google").on("click", function () {
        window.open(
          "https://plus.google.com/share?url=" + document.location.href + "&hl=fr"
          );
        return false;
      });

      $(".reseauSocial-email").attr("href", "mailto:?body=" + document.location.href + "&hl=fr");
      $(document).on("click", "#haut", function () {
        visiteStGermain.setLatitude(visiteStGermain.getLatitude() + 0.25);
      });

      //Actionneurs 

      $(document).on("click", "#bas", function () {
        visiteStGermain.setLatitude(visiteStGermain.getLatitude() - 0.25);
      });
      $(document).on("click", "#gauche", function () {
        visiteStGermain.setLongitude(visiteStGermain.getLongitude() - 0.25);
      });
      $(document).on("click", "#droite", function () {
        visiteStGermain.setLongitude(visiteStGermain.getLongitude() + 0.25);
      });
      $(document).on("click", "#pano1", function () {
        visiteStGermain.setPano("xml/DSC05098_DxO Panorama_cube_sphere.xml");
      });
      $(document).on("click", "#pano2", function () {
        visiteStGermain.setPano("xml/DSC05102_DxO Panorama_cube_sphere.xml");
      });
      $(document).on("click", "#chateau, #chat1", function () {
        if (visiteStGermain.getXML() === "xml/DSC05098_DxO Panorama_cube_sphere.xml")
        {
        visiteStGermain.allerAuPoint(-20, 20, 3);
        visiteStGermain.allerFOV(90, 3);
        }
        else {
        visiteStGermain.allerAuPoint(-60, 15, 3);
        visiteStGermain.allerFOV(90, 3);
        }
      });

      $(document).on("click", "#vienne, #vienne1", function () {
        if (visiteStGermain.getXML() === "xml/DSC05098_DxO Panorama_cube_sphere.xml")
        {
        visiteStGermain.allerAuPoint(130, -10, 15);
        visiteStGermain.allerFOV(30, 3);
        } else {
        visiteStGermain.allerAuPoint(30, -5, 15);
        visiteStGermain.allerFOV(30, 3);
        }
      });
      $(document).on("click", "#chapelle, #chapelle1", function () {
        if (visiteStGermain.getXML() === "xml/DSC05098_DxO Panorama_cube_sphere.xml")
        {
        visiteStGermain.allerAuPoint(165, 5, 15);
        visiteStGermain.allerFOV(40, 3);
        } else {
        visiteStGermain.allerAuPoint(200, 5, 15);
        visiteStGermain.allerFOV(60, 3);
        }
      });

      $(document).on("click", "#visite", function () {
        arreteVisite = false;
        visite();
      });

      $(document).on("click", "#stopVisite", function () {
        visiteStGermain.stopMouvement();
        arreteVisite = true;
      });
    });


Exemples de visites

L'Abbaye de Daoulas (Finistère)

La piscine Roubaix (Nord)

Le château de Kerjean (Finistère)