PanoEmbed - Utilitar pentru panoramele din Google Maps


(Ionuț Staicu) #1

Plecând de la ideea de aici:
http://devforum.ro/t/player-tururi-virtuale/485/4?u=iamntz

Am extras codul folosit la panoramă și l-am făcut public aici. Poate ajută și pe altcineva, mai ales că în loc de :

embed se face cu:

<a
  data-pano-id="MioXOHJzlLYAAAAGO0rYeQ"
  data-pano-heading="0"
  data-pano-pitch="0"
  data-pano-building="1"
  data-pano-floorname="1st floor" class="button">start tour</a>

Iar varianta google arată cam așa:

<script type="text/javascript">
  google.maps.event.addDomListener(window, 'load', function(){
    var div      = document.getElementById('panoramadiv');
    var panorama = new google.maps.StreetViewPanorama(div);

    panorama.setPano('MioXOHJzlLYAAAAGO0rYeQ');

    panorama.setOptions({
      pov: {
        heading:0.509258,
        pitch:1.014175,
        zoom:0
      },
      addressControl: false,
      zoomControl   : false,
      panControl    : false,
    });

    $('<span class="zoomControl">-</span>').on('click', function(){
      panorama.setZoom( panorama.getZoom() - 1 );
      return false;
    }).appendTo( '#panoramadiv' );

    $('<span class="zoomControl">+</span>').on('click', function(){
      panorama.setZoom( panorama.getZoom() + 1 );
      return false;
    }).appendTo( '#panoramadiv' );
  });
</script>