Search code examples
javascriptgoogle-mapsgoogle-street-view

Getting lat/lng/zoom/yaw/pitch from Google Street View


I have a Google map and street view based on provided lat/lng coordinates, zoom, yaw and pitch. I need to invoke a javascript to update a hidden field for each of these values whenever any of the details change from their default or when a button is clicked.

So whenever the map/street view is zoomed in, panned, tilted etc it outputs the new details.

How do I call the functions getPOV(), yawchanged(yaw:Number), pitchchanged(pitch:Number), and zoomchanged(zoom:Number) whenever the Street View is changed (similar to moveend for Maps)


Solution

  • Not sure of the best way to compress this but this works to get the changed details:

    GEvent.addListener(myPano, 'initialized', function(pano) {
      alert("newlng: " + pano.latlng.lng() + ", newlat: " + pano.latlng.lat());
    });
    
    GEvent.addListener(myPano, 'yawchanged', function(newyaw){
      alert("yawchanged: " + newyaw);
    });
    
    GEvent.addListener(myPano, 'pitchchanged', function(newpitch) {
      alert("pitchchanged: " + newpitch);
    });
    
    GEvent.addListener(myPano, 'zoomchanged', function(newzoom) {
      alert("zoomchanged: " + newzoom);
    });