So how does google do it ? Because they use google maps API v3 and they still use the flash version of the street view...
On Fri, Jun 18, 2010 at 4:20 AM, Marc Ridey <[email protected]> wrote: > Not sure what you mean by the different cursor. > The box (ClickToZoom) and circle (ClickToGo) displayed in the Flash version > of StreetView used on the maps side are not currently available in Maps > Javascript API v3. > > On Wed, Jun 16, 2010 at 6:31 PM, Kurteknikk <[email protected]> wrote: > >> Hi, >> >> I've got the street view showing correctly. But i would like to know >> how to enable the different cursor and that box thing to show the user >> if he's able to zoom or move in a particular direction/position. >> >> I hope i explained myself well, thanks :) >> >> On May 27, 9:14 am, Marc Ridey <[email protected]> wrote: >> > Try this. Drag the pegman on the map and the streetview panorama will >> > point towards the marker on open. Drag the marker and the streetview >> > panorama will follow. >> > >> > <html> >> > <head> >> > <script type="text/javascript" >> > src="http://maps.google.com/maps/api/js?sensor=false";></script> >> > <script> >> > function initialize() { >> > var opts = { >> > center: new google.maps.LatLng(48.8589, 2.2958), >> > zoom: 14, >> > mapTypeId: google.maps.MapTypeId.ROADMAP, >> > streetViewControl: true >> > }; >> > >> > var map = new google.maps.Map(document.getElementById('map'), >> opts); >> > var panorama = new >> > google.maps.StreetViewPanorama(document.getElementById('streetview')); >> > map.setStreetView(panorama); >> > >> > var marker = new google.maps.Marker({ >> > position: opts.center, >> > draggable: true >> > }); >> > marker.setMap(map); >> > >> > function refreshPanoPov() { >> > var markerPos = marker.getPosition(); >> > var panoPos = panorama.getPosition(); >> > if (markerPos && panoPos) { >> > var markerPosLat = markerPos.lat() / 180 * Math.PI; >> > var markerPosLng = markerPos.lng() / 180 * Math.PI; >> > var panoPosLat = panoPos.lat() / 180 * Math.PI; >> > var panoPosLng = panoPos.lng() / 180 * Math.PI; >> > >> > var y = Math.sin(markerPosLng - panoPosLng) * >> > Math.cos(markerPosLat); >> > var x = Math.cos(panoPosLat)*Math.sin(markerPosLat) - >> > >> > Math.sin(panoPosLat)*Math.cos(markerPosLat)*Math.cos(markerPosLng - >> > panoPosLng); >> > var brng = Math.atan2(y, x) / Math.PI * 180; >> > >> > var pov = panorama.getPov(); >> > pov.heading = brng; >> > panorama.setPov(pov); >> > } >> > } >> > >> > google.maps.event.addListener(marker, 'position_changed', >> > refreshPanoPov); >> > google.maps.event.addListener(panorama, 'position_changed', >> > refreshPanoPov); >> > } >> > </script> >> > </head> >> > <body style="margin:0; padding:0" onload="initialize()"> >> > <div id="map" style="width: 400px; height: 400px;"></div> >> > <div id="streetview" style="position:absolute; left:410px; top: >> > 0px; width: 400px; height: 400px;"></div> >> > </body> >> > </html> >> >> -- >> You received this message because you are subscribed to the Google Groups >> "Google Maps JavaScript API v3" group. >> To post to this group, send email to >> [email protected]. >> To unsubscribe from this group, send email to >> [email protected]<google-maps-js-api-v3%[email protected]> >> . >> For more options, visit this group at >> http://groups.google.com/group/google-maps-js-api-v3?hl=en. >> >> > -- > You received this message because you are subscribed to the Google Groups > "Google Maps JavaScript API v3" group. > To post to this group, send email to > [email protected]. > To unsubscribe from this group, send email to > [email protected]<google-maps-js-api-v3%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/google-maps-js-api-v3?hl=en. > -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
