Your problem is that each occurrence of the 'street view' is using the exact same canvas to display on. If you look at the code you will see
HTML Code:
<div id='streetview_canvas_0' style='width: 100%; height: 450px; '></div><script type='text/javascript'>
var myLatlng = new google.maps.LatLng(51.986343,5.8796839999999975);
var panoramaOptions = {
position: myLatlng,
addressControl: false,
pov: {
heading: -96.0948113036255,
pitch: 11.364052311127251,
zoom: 1
}
};
var panorama_0 = new google.maps.StreetViewPanorama(document.getElementById('streetview_canvas_0'), panoramaOptions);
</script>
then
HTML Code:
<div id='streetview_canvas_1' style='width: 100%; height: 450px; '></div>
<script type='text/javascript'>
var myLatlng = new google.maps.LatLng(52.227314,5.903784999999971);
var panoramaOptions = {
position: myLatlng,
addressControl: false,
pov: {
heading: 155.47368903262725,
pitch: 14.188608587165033,
zoom: 1.6600000000000001
}
};
var panorama_0 = new google.maps.StreetViewPanorama(document.getElementById('streetview_canvas_0'), panoramaOptions);
</script>
Note that the second has a div ID of 'streetview_canvas_1', but the script is using 'streetview_canvas_0'