Try this sample, hope can solve your problem http://marx-tseng.appspot.com/maps/Map_Street_View.html
On 7月20日, 下午3時46分, ddoc <[email protected]> wrote: > Hi, > > the last week I develop one page web with on the left side the google > Map and the right side a google Street View. > When I add a marker on the google map side, I add the same on street > view. > I use the button available on the google map to change the point. > I noticed when I move in Streetview just by changing the direction of > the view, i saw all points added on the Street View. > So I decided to find a way permitting to display only some point > according to the distance between A and B. > The last Friday it's works and today not... > I don't think I modify anything. > > So I develop a small page and do the same pages, I remove the part > permitting to define the point. > I add two points and I can see only when I am near the point, I can > see this point in StreetView. > Is-it a new feature? I'm sure before I can see all points on Street > View but actually it's not more possible. > What's going on? > > You can find the code below, just copy and past in an html file and > you can see the same behavior. > If you have any idea, I appreciate. > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <script type="text/javascript" src="http://maps.google.com/maps/ > api/js?sensor=false"></script> > <script type="text/javascript"> > function initMap() > { > var point = new google.maps.LatLng("53.590964", > "-2.297108"); > var myOptions = { > zoom: 11, > mapTypeId: google.maps.MapTypeId.ROADMAP, > center: point, > streetViewControl: true > } > map = new > google.maps.Map(document.getElementById("map_canvas1"), myOptions); > map.setCenter(point); > > //init StreetView > var panoramaOptions = { > addressControl: false, > pov: { > heading: 394, > pitch: -3.333333333333332, > zoom: 1 > } > }; > panorama = new > google.maps.StreetViewPanorama(document.getElementById("pano"), > panoramaOptions); > map.setStreetView(panorama); > > //add to map > var marker1a = new google.maps.Marker({ > icon: "http://labs.google.com/ridefinder/images/ > mm_20_green.png", > map: map, > position: point, > shadow: "http://labs.google.com/ridefinder/images/ > mm_20_shadow.png", > title: "test0" > }); > > //Add to streeview > var marker1b = new google.maps.Marker({ > icon: "https://lh5.googleusercontent.com/U9N8dBzqAs0Q7- > Q0r1TR2YX1VXJ-Sb4DwQKeft3g9v8QpMb5jrZhGSNN3B4- > GNufSpheRkGG2kkxzxI4MNhnNyzXzg=s512", > map: panorama, > position: point, > title: "test1" > }); > > point = new google.maps.LatLng("53.56217", > "-2.321527"); > //add to map > var marker2a = new google.maps.Marker({ > icon: "http://labs.google.com/ridefinder/images/ > mm_20_green.png", > map: map, > position: point, > shadow: "http://labs.google.com/ridefinder/images/ > mm_20_shadow.png", > title: "test0" > }); > > //Add to streeview > var marker2b = new google.maps.Marker({ > icon: "https://lh5.googleusercontent.com/U9N8dBzqAs0Q7- > Q0r1TR2YX1VXJ-Sb4DwQKeft3g9v8QpMb5jrZhGSNN3B4- > GNufSpheRkGG2kkxzxI4MNhnNyzXzg=s512", > map: panorama, > position: point, > title: "test1" > }); > } > </script> > <title> > > </title></head> > <body onload=initMap()> > <table> > <tr> > <td> > <div id="map_canvas1" style="width:600px; height: > 500px"></div> > </td> > <td> > <div id="pano" style="width: 425px; height: > 500px;float:left"></div> > </td> > </tr> > </table> > </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]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
