Here is the function I use to create the Google map markers
Code: Select all
function createMarker(panoData) {
var panorama = panoData[0];
var loc = new google.maps.LatLng(panorama.lat,panorama.lng);
var html = '<p align="center" style="bgcolor:#FFFFFF"><img src="thumbnails/' + panorama.pic + '" width="80px" height="80px" /><br />' + panorama.name + '</p>';
var marker = new google.maps.Marker({position: loc, title: panorama.name, ggId: panorama.plink});
// create a listener for each marker (must use global variable for the map)
google.maps.event.addListener(marker, 'click', function() {
infowindow.setContent(html);
infowindow.open(map, marker);
pano.openNext("{" + this.ggId + "}");
panoCaption.innerHTML = panorama.desc;
});
return marker;
}
Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<panorama id="arc">
<view fovmode="0" pannorth="142">
....