//' + park[0] + ' | Map
';
break;
case 2:
column_2 += '' + park[0] + ' | Map
';
break;
default:
//column_3 += '' + park[0] + '
';
}
count++;
if(count >= countLimit){
if(column == 1){
column = 2;
} else {
//column = 3;
}
//alert(column);
count = 0;
}
}
//' + column_3 + ' |
sidebar_html = 'Alphabetical listing of Parks displayed on Map
' + column_1 + ' | ' + column_2 + ' |
';
outDiv.innerHTML = sidebar_html; // + '
Center: ' + mapCenter + '
Query: ' + query + '';
}
// This function picks up the click and opens the corresponding info window
function showMapMarker(i) {
GEvent.trigger(gmarkers[i], "click");
}
function load(clat, clong, zlevel) {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("gmap"));
map.addControl(new GSmallMapControl());
var geocoder = new GClientGeocoder();
map.setCenter(new GLatLng(clat, clong), zlevel);
var boundaryPoints = map.getBounds();
// Add event listener for movend or dragend or both. When the user quits moving the map, then make the ajax call to get
// properties within the bounds of the map
GEvent.addListener(map, "zoomend", function(){ boundaryPoints = map.getBounds(); getStateParks(boundaryPoints); });
GEvent.addListener(map, "dragend", function(){ boundaryPoints = map.getBounds(); getStateParks(boundaryPoints); });
// Creates a marker at the given point with the given number label
function createMarker(point, name, html, url) {
var marker = new GMarker(point, { icon: baseicon, title: name });
GEvent.addListener(marker, "mouseover", function() {
marker.openInfoWindowHtml( html, { maxWidth: 250 } );
});
// save the info we need to use later for the side_bar
//gmarkers[i] = marker;
//sidebar_data += name + ';' + url + ';' + i + "\n";
//i++;
return marker;
}
function addMarker(name, description, url, latitude, longitude) {
var website_html = '';
if(url){
website_html = 'More information...'
}
var html = '' + name + '
' + description + ' ' + website_html + '';
if(latitude && longitude){
point = new GLatLng(latitude, longitude);
if(point != null){
map.addOverlay(createMarker(point, name, html, url));
}
}
}
// get lodging addresses to mark
function getStateParks(bounds){
mapCenter = map.getCenter();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
//map.addOverlay(createMarker(southWest, 'South West Boundary', '' + southWest + '
'));
//map.addOverlay(createMarker(northEast, 'North East Boundary', '' + northEast + '
'));
var respText, respCode, timestamp, cdate;
var ucdate = new Date();
var timestamp = ucdate.getSeconds();
var downloadURL = '/database/getStateparkList.php?nec='+northEast+'&swc='+southWest+'&time=' + timestamp;
//document.write(downloadURL);
GDownloadUrl(downloadURL, function(respText, respCode){
//alert('Response Code: ' + respCode + ' Response: ' + respText);
if(respCode = '200'){
var data = respText.split("\n");
query = data.shift();
marker_names = data[0].replace(/^\s+|\s+$/g,"").split('|');
descriptions = data[1].replace(/^\s+|\s+$/g,"").split('|');
urls = data[2].replace(/^\s+|\s+$/g,"").split('|');
latitudes = data[3].replace(/^\s+|\s+$/g,"").split('|');
longitudes = data[4].replace(/^\s+|\s+$/g,"").split('|');
marker_types = data[5].replace(/^\s+|\s+$/g,"").split('|');
//alert(urls);
if(marker_names){
map.clearOverlays();
sidebar_html = '';
sidebar_data = '';
for(var x = 0; x < marker_names.length; x++){
addMarker(marker_names[x], descriptions[x], urls[x], latitudes[x], longitudes[x]);
}
}
}
})
//setTimeout("displayListings()", 750);
}
getStateParks(boundaryPoints);
}
}
//]]>