Post

2 followers Follow
0
Avatar

Google Street View Side-by-side

Anyone had luck getting "street view side-bu-side" to work on a calculation field?Here is the code from google:

 

 
<!DOCTYPE html>
<html>
 
<head>
   
<meta charset="utf-8">
   
<title>Street View Side-By-Side</title>
   
<style>
      html
, body {
       
height: 100%;
       
margin: 0;
       
padding: 0;
     
}
     
#map, #pano {
       
float: left;
       
height: 100%;
       
width: 45%;
     
}
   
</style>
 
</head>
 
<body>
   
<div id="map"></div>
   
<div id="pano"></div>
   
<script>

     
function initialize() {
       
var fenway = {lat: 42.345573, lng: -71.098326};
       
var map = new google.maps.Map(document.getElementById('map'), {
          center
: fenway,
          zoom
: 14
       
});
       
var panorama = new google.maps.StreetViewPanorama(
            document
.getElementById('pano'), {
              position
: fenway,
              pov
: {
                heading
: 34,
                pitch
: 10
             
}
           
});
        map
.setStreetView(panorama);
     
}
   
</script>
   
<script async defer
       
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initialize">
   
</script>
 
</body>
</html>
Gus H.

Please sign in to leave a comment.