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>