function showTooltip(marker)
{
_tooltip.innerHTML = marker.tooltip;
var point=_map.getCurrentMapType().getProjection().fromLatLngToPixel(_map.fromDivPixelToLatLng(new GPoint(0,0),true),_map.getZoom());
var offset=_map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),_map.getZoom());
var anchor=marker.getIcon().iconAnchor;
var width=marker.getIcon().iconSize.width;
var height=_tooltip.clientHeight;
var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(offset.x - point.x - anchor.x + width, offset.y - point.y -anchor.y -height));
pos.apply(_tooltip);
_tooltip.style.visibility="visible";
_tooltip.style.backgroundColor="white";
}
function createMarker(location, i, type)
{
var line1 = '';
var line2 = '';
var line3 = '';
var line4 = '';
var message = '';
var divLine = '';
nodes = location.getElementsByTagName("line1");
if (nodes != null && nodes[0] != null)
{
/*
Note that we replace the '~' character with a line break
due to the updates for CVP 29 - Dynamic Data on SVMS
*/
line1 = nodes[0].firstChild.nodeValue;
line1 = line1.replace(/~/g,"
");
divLine = ""+line1+"
";
}
nodes = location.getElementsByTagName("line2");
if (nodes != null && nodes[0] != null)
{
line2 = nodes[0].firstChild.nodeValue;
divLine += line2+"
";
}
nodes = location.getElementsByTagName("line3");
if (nodes != null && nodes[0] != null)
{
line3 = nodes[0].firstChild.nodeValue;
if (line3 != 'No Contact Details')
{
divLine += line3+"
";
}
}
nodes = location.getElementsByTagName("line4");
if (nodes != null && nodes[0] != null)
{
line4 = nodes[0].firstChild.nodeValue;
divLine += line4+"
";
}
nodes = location.getElementsByTagName("message");
if (nodes != null && nodes[0] != null)
{
message = nodes[0].firstChild.nodeValue;
divLine += message+"
";
}
divLine += "
";
var timescale = 0;
nodes = location.getElementsByTagName("timescale");
if (nodes != null && nodes[0] != null)
{
timescale = nodes[0].firstChild.nodeValue;
}
// get the xml for the infoWindow
var tablenodes = location.getElementsByTagName("table");
// depending on the browser, get the xml from the tablenodes node.
var markup = '';
if (navigator.appName.indexOf('Microsoft') != -1)
{
var xmlDocument = new ActiveXObject('Microsoft.XMLDOM');
xmlDocument.appendChild(tablenodes[0]);
// serialize
markup = xmlDocument.xml;
}
else
{
var xmlSerializer = new XMLSerializer();
markup = xmlSerializer.serializeToString(tablenodes[0]);
}
// --------------------
var points = location.getElementsByTagName("point");
var lng = parseFloat( points[0].getAttribute( "lng" ));
var lat = parseFloat( points[0].getAttribute( "lat" ));
var point = new GPoint( lng, lat );
var icon = location.getElementsByTagName("icon");
var iconImage = icon[0].getAttribute("image");
var icon = new GIcon( baseIcon );
icon.image = _URL_HOST_SITE+iconImage;
var marker = new GMarker( point, icon );
marker.type = type;
marker.timescale = timescale;
marker.isVisible = false;
marker.tooltip = ''+divLine+'
';
_map.getPane(G_MAP_FLOAT_PANE).appendChild(_tooltip);
GEvent.addListener( marker, "click", function()
{
//detailmap.setCenter(point , 13);
marker.openInfoWindowHtml(markup);
});
GEvent.addListener(marker,"mouseover", function()
{
showTooltip(marker);
});
GEvent.addListener(marker,"mouseout", function()
{
_tooltip.style.visibility="hidden"
});
return marker;
}
function checkBounds()
{
// The allowed region which the whole map must be within
var _allowedBounds = new GLatLngBounds(new GLatLng(55.448560,-4.254552), new GLatLng(56.258432,-2.623037)); //bottom left, top right
// Perform the check and return if OK
if (_allowedBounds.contains(_map.getCenter()))
{
return;
}
// It`s not OK, so find the nearest allowed point and move there
var C = _map.getCenter();
var X = C.lng();
var Y = C.lat();
var AmaxX = _allowedBounds.getNorthEast().lng();
var AmaxY = _allowedBounds.getNorthEast().lat();
var AminX = _allowedBounds.getSouthWest().lng();
var AminY = _allowedBounds.getSouthWest().lat();
if (X < AminX) {X = AminX;}
if (X > AmaxX) {X = AmaxX;}
if (Y < AminY) {Y = AminY;}
if (Y > AmaxY) {Y = AmaxY;}
_map.setCenter(new GLatLng(Y,X));
}
process_it = function(doc, responseCode) {
// === split the document into lines ===
lines = doc.split("\n");
var polpoints = [] ;
if(responseCode == 200)
{
for (var i=0; i 1)
{
// === split each line into parts separated by "|" and use the contents ===
parts = lines[i].split(",");
var lat = parseFloat(parts[0]);
var lng = parseFloat(parts[1]);
polpoints.push(new GLatLng(lat, lng)) ;
}
}
_map.addOverlay( new GPolyline(polpoints,"#FFFF00", 10, 0) ) ;
//_map.addControl(new GxMagnifierControl());
}
else
{
alert("Failed to initialise boundary box values.");
}
}
function addBoundry()
{
GDownloadUrl(_URL_HOST_SITE + "edinburgh_boundary_points.txt", process_it);
}
function zoomTo(lon, lat, zoom)
{
_map.setCenter(new GLatLng(lat, lon), zoom);
}
////////////////////////////////////////////////////////////////////////////////
// Show events on the map. The events show will either be the information
// parameter passed in or the current selected value in the information drop down
////////////////////////////////////////////////////////////////////////////////
function disp_text()
{
//var selected_timescale = '0';
var selected_timescale = _timescale;
//alert("current timescale is " + selected_timescale);
if (document.timescale.timescalelist != null)
{
var w = document.timescale.timescalelist.selectedIndex;
selected_timescale = document.timescale.timescalelist.options[w].value;
}
//if(trafficInfoTimescale != null)
//{
// set the selected timescale from traffic info into the map
//}
//showEvents('30');
showEvents(selected_timescale);
_timescale = selected_timescale;
//Perhaps put in some code here to only show evetns that are toggled on in the map
//document.getElementById("carpark").checked="true";
//document.getElementById("roadwork").checked="true";
//document.getElementById("event").checked="true";
//document.getElementById("accident").checked="true";
//document.getElementById("incident").checked="true";
//document.getElementById("vms").checked="true";
}
var roadworks="on";
var events="on";
var accidents="on";
var incidents="on";
var bbc="on";
var trains="on";
var airports="on";
var parking="on";
var vms="on";
function switchRoadworksOn()
{
roadworks="on";
addEvents('Roadworks');
}
function toggleRoadworksOnMap()
{
if (roadworks.valueOf() == 'on')
{
roadworks="off";
removeEvents('Roadworks');
}
else
{
switchRoadworksOn();
}
}
function switchEventsOn()
{
events="on";
addEvents('Events');
}
function toggleEventsOnMap()
{
if (events.valueOf() == 'on')
{
events="off";
removeEvents('Events');
}
else
{
switchEventsOn();
}
}
function switchAccidentsOn()
{
accidents="on";
addEvents('Accidents');
}
function toggleAccidentsOnMap()
{
if (accidents.valueOf() == 'on')
{
accidents="off";
removeEvents('Accidents');
}
else
{
switchAccidentsOn();
}
}
function switchIncidentsOn()
{
incidents="on";
addEvents('Incidents');
}
function toggleIncidentsOnMap()
{
if (incidents.valueOf() == 'on')
{
incidents="off";
removeEvents('Incidents');
}
else
{
switchIncidentsOn();
}
return true;
}
function switchTrainsOn()
{
trains="on";
document.getElementById('trainButton').src='../images/infinite-eye/b-rail.gif';
document.getElementById('trainButton').title='Train Stations On';
addEvents('Trains');
}
function toggleTrainsOnMap()
{
if (trains.valueOf() == 'on')
{
trains="off";
document.getElementById('trainButton').src='../images/infinite-eye/b-rail-over.gif';
document.getElementById('trainButton').title='Trains Off';
removeEvents('Trains');
}
else
{
switchTrainsOn();
}
}
function switchAirportsOn()
{
airports="on";
document.getElementById('airportButton').src='../images/infinite-eye/b-airports.gif';
document.getElementById('airportButton').title='Airports On';
addEvents('Airports');
}
function toggleAirportsOnMap()
{
if (airports.valueOf() == 'on')
{
airports="off";
document.getElementById('airportButton').src='../images/infinite-eye/b-airports-over.gif';
document.getElementById('airportButton').title='Airports Off';
removeEvents('Airports');
}
else
{
switchAirportsOn();
}
}
function switchParkingOn()
{
parking="on";
addEvents('Carparks');
}
function toggleParkingOnMap()
{
if (parking.valueOf() == "on")
{
parking="off";
removeEvents('Carparks');
}
else
{
switchParkingOn();
}
return true;
}
function switchVmsOn()
{
vms="on";
addEvents('Vms');
}
function toggleVmsOnMap()
{
if (vms.valueOf() == "on")
{
vms="off";
removeEvents('Vms');
}
else
{
switchVmsOn();
}
return true;
}
if (GBrowserIsCompatible())
{
// Create a base icon for all of our markers that specifies the shadow, icon
// dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
}
else
{
document.getElementById("map").innerHTML="The map functionality is currently not available.
Please select another option.
";
}