Street View containers
HTML
<button id="foo">
Abrir/Cerrar
</button>
<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
var panorama;
function initialize() {
panorama = new google.maps.StreetViewPanorama(
document.getElementById('street-view'),
{
position: {lat: 37.869260, lng: -122.254811},
pov: {heading: 165, pitch: 0},
zoom: 1
});
}
$("#street-view").slideToggle();
$("#foo").on("click", function(){
$("#street-view").slideToggle("slow", initialize);
});