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]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
