Street View Containers

by Ufuk Ozdemir

HTML

<div id="street-view"></div>
<!-- Replace the value of the key parameter with your own API key. -->
<script async defer
         src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initialize">
    </script>

CSS

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#street-view {
  height: 100%;
}

JavaScript

let panorama;
function initialize() {
  panorama = new google.maps.StreetViewPanorama(
      document.getElementById('street-view'), {
        position: {
			lat: 38.3911154, 
			lng: 27.1582190
		},
        pov: {
			heading: 045,
			pitch: 6
		},
        zoom: 2
      });
}