google maps - InfoBox button to switch to street view -
i have button within infobox. want button switch street view. button gets triggered , switches street view code below treats street view entirely separete entity google map means cannot zoom out map view , there no visible marker on street view level:
var fenway = new google.maps.latlng(this.marker[id].position.jb,this.marker[id].position.kb); var panoramaoptions = { position: fenway, pov: { heading: 34, pitch: 10 } }; var panorama = new google.maps.streetviewpanorama(document.getelementbyid("map-canvas"), panoramaoptions); this.gmap.setstreetview(panorama);
how modify streetview triggered within current map rather creating entirely separete instance?
this worked me:
var streetviewmaxdistance = 100; var point = new google.maps.latlng(this.marker[id].position.jb,this.marker[id].position.kb); var streetviewservice = new google.maps.streetviewservice(); var panorama = this.gmap.getstreetview(); streetviewservice.getpanoramabylocation(point, streetviewmaxdistance, function (streetviewpanoramadata, status) { if(status === google.maps.streetviewstatus.ok){ var oldpoint = point; point = streetviewpanoramadata.location.latlng; var heading = google.maps.geometry.spherical.computeheading(point,oldpoint); panorama.setposition(point); panorama.setpov({ heading: heading, zoom: 1, pitch: 0 }); panorama.setvisible(true); }else{ // no street view available in range, or error occurred console.log("sorry! street view not available."); } });