/**
* (c) SMARTposition 2006-2007
*
* http://www.smartposition.nl
*
* date: 26 june 2007
* version: 0.6
* -----------------
* 0.1 basic functions
* 0.2 more options
* 0.3 added centering
* 0.4 added info divs
* 0.5 imporovement on GPX parsing
* 0.6 added dynamic KML overlays and some overall improvements
*
*
* BUGS
* -
*/
/*
* initial map parameters
*/
var mapSize = "large";
var mapType = G_NORMAL_MAP; //G_HYBRID_MAP; //G_SATELLITE_MAP;
var zoomLevel = 10;
var initialLat = 52.281634;
var initialLong = 6.421701;
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);
/**
* GPX parameters
*/
var gpxUrl = "./gpx.php";
var tailLength = 20; //GPX request parameter
var trackStart = 20070101120159; //GPX request parameter
var refreshInterval = 15 * 1000;
var reloadPageInterval = 1000* 60 * 15;
/*
* marker drawing parameters
*/
var iconTable = createIcons();
var drawWaypoints = true;
var waypointMarkerIcon = iconTable["red_pin"];
var drawRoutes = true;
var drawRoutePolyLine = true;
var drawTracks = true;
var drawTrackPolyLine = true;
var initCustomMap = true;
/*
* Audio parameters
*/
var speedAudioFile = '';
var speedAudioRepeat = '1';
// route/track drawing parameters
var drawStartMarker = false; // draw marker at the start of a route/track
var startMarkerIcon = iconTable["flag_green.png"];
var drawEndMarker = true; // draw marker at the end of a route/track
var endMarkerIcon = iconTable["flag_red.png"];
var drawIntervalMarker = 1; // for routes and tracks, draw markers at the specified interval on the polyline; int
var intervalMarkerIcon = iconTable["dot_12_009cff.png"];
/*
* Centering options
*/
var autoCenter = false; // value is overwritten at init in functions.js/init()
var routeDisplay = true;
var focusOn = "351277002680576";
var focusInfo = new Array();
var isCentered = false;
var minimalCenterMovement=0.20;
var minimalTrackerSpeed = 0; //km/h
var maximalTrackerSpeed = 200; //km/h
var audioAlarm = false;
var audioAlarmTimeout = 1;
//map object
var map = null;
var mapOverlays = new Array();
//geoXML object to parse a KML into GMaps
var geoXml = new Array();
var customerLogoSrc = '';
//variable that holds the kml file with distance information
var useGeoXmlDistance = false;
var geoXmlDistance;
//sets the init for the KML layer
var initGeoXml = true;
/**
* Function to initialize the google earth map
*
*/
function initMap(id){
if (!GBrowserIsCompatible()) {
alert('Your browser is not compatible with the Google Maps API, please install the latest version of your webbrowser!');
return;
}
//start the clock
setInterval('updateClock(eventStartDate)',1000);
//change images
if(customerLogoSrc != ''){
document.getElementById("customerLogo").style.display = 'block';
document.getElementById("customerLogoImg").src = customerLogoSrc;
}//end set custom logo
map = new GMap2(document.getElementById(id));
// Add the custom map
addcustomMap();
// Add the custom opacity maps
//addcustomMapOpacity();
if (this.mapSize == "small") {
map.addControl(new GSmallMapControl());
}else {
//Add map controls
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl(), new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,45)));
}//end if mapSize
// Enable map control properties
map.enableInfoWindow();
map.enableDragging();
map.enableDoubleClickZoom();
map.enableContinuousZoom();
map.enableScrollWheelZoom();
//add map listeners
GEvent.addListener(map, "moveend", function() {
var center = map.getCenter();
initialLat = center.lat();
initialLong = center.lng();
});
GEvent.addListener(map, "zoomend", function(oldLevel, newLevel) {
//record the zoom level for auto refreshing
zoomLevel = newLevel;
});
GEvent.addListener(map, "maptypechanged", function() {
});
zoomLevel = parseInt(zoomLevel); //otherwise the zoomLevel will be set to 0
// Set center
map.setCenter(new GLatLng(initialLat, initialLong), zoomLevel, mapType);
//add kml overlay files
addKmlOverlay();
}//end initMap
/**
* Loads the map in view only mode
*/
function loadViewMap(id, mapSize) {
if (mapSize) this.mapSize = mapSize;
initMap(id);
}//end function loadViewMap
/**
* Initialize data on gmaps loaded from a GPX file
*
* @param data
* @param responseCode
*
* @return null
*/
function onGPXLoad(data, responseCode) {
var xml = GXml.parse(data);
var gpx = new GPX();
if (responseCode == 200) gpx.load(xml);
else setStatus("Sorry, the GPX file could not be loaded");
//remove all overlays (except the geoXml)
var tmpOverlay;
while(tmpOverlay = (mapOverlays.pop())){
map.removeOverlay(tmpOverlay);
}//end remove mapOverlays
mapOverlays = new Array();
// Draw waypoints
if (drawWaypoints) {
var waypoints = gpx.getWaypoints();
var html = "";
for (var i = 0; i < waypoints.length; i++) {
wpt = waypoints[i];
markerIcon = chooseIcon(GPX.wpt, "", wpt.sym);
html = ""+wpt.name+"";
if(wpt.cmt){
html += "
" + wpt.cmt;
}//end comment
createMarker(wpt, html, markerIcon);
}//end for
}//end drawWaypoints
// Draw tracks
if (drawTracks) {
var tracks = gpx.getTracks();
centerView(GPX.trk, tracks);
// Iterate through tracks
for (var i = 0; i < tracks.length; i++) {
if (tracks[i]) {
// Iterate through track segments
for (var s = 0; s < tracks[i].length; s++) {
if (tracks[i][s]) {
drawSequence(GPX.trk, tracks[i][s], tracks[i].name,tracks[i].desc,tracks[i].color);
}//end if
}//end for
}//end if
}//end for
}//end draw tracks
// Draw routes
if (drawRoutes) {
var routes = gpx.getRoutes();
//centerView(GPX.rte, routes);
// Iterate through routes
for (var i = 0; i < routes.length; i++) {
if (routes[i]) {
drawSequence(GPX.rte, routes[i], routes[i].name,tracks[i].desc,tracks[i].color);
}//end if
}//end for
}//end drawroutes
if(useGeoXmlDistance && geoXmlDistance){
map.removeOverlay(geoXmlDistance);
// add KML overlay
map.addOverlay(geoXmlDistance);
}
/* set Timeout to reload GPX data!! */
window.setTimeout('loadData()', refreshInterval);
}//end function onGPXLoad
/*
* Function that centers the map on the value of the variable "focusOn".
* Also, the last position (and it's associated information) for each track is put
* into the "focusInfo" array. Part of this information is also put in the DOM
* as a div element, into the "focusInfo" div.
*
* @param type
* @param tracks
*
* @return null
*/
function centerView(type, tracks) {
clearChildren(document.getElementById("focusInfo"));
var today_date = new Date();
// loop through the tracks and check if it actually contains tracksegments
for (var i = 0; i < tracks.length; i++) {
if (tracks[i] && tracks[i].length > 0) {
var infoNode = document.createElement("div");
infoNode.id = tracks[i].name;
infoNode.className = "info";
document.getElementById("focusInfo").appendChild(infoNode);
lastSeg = tracks[i].length - 1;
if (tracks[i][lastSeg].length > 0) {
lastPoint = 0;//tracks[i][lastSeg].length - 1;
focusInfo[tracks[i].name] = tracks[i][lastSeg][lastPoint];
focusInfo[tracks[i].name].focusLink = "%s";
var current = focusInfo[tracks[i].name];
var print_time = current.time.replace('T',' ').replace('Z','');
var position_time = parseXmlTimeToDate(print_time);
var speedingClass = '';
//check the speed of the tracker
if(current.speed){
if(current.speed < minimalTrackerSpeed){
speedingClass='minSpeed';
if(audioAlarm && (calculateTimeDeltaMinutes(position_time,today_date) < audioAlarmTimeout)){
soundManager.play(speedAudioFile,speedAudioRepeat);
}//end audio alarm
}else if(current.speed > maximalTrackerSpeed){
speedingClass='maxSpeed';
if(audioAlarm && (calculateTimeDeltaMinutes(position_time,today_date) < audioAlarmTimeout)){
soundManager.play(speedAudioFile,speedAudioRepeat);
}//end audio alarm
}
//use default
}//end speed check
// format the displayed time
if((today_date.getDate()) == position_time.getDate() && (today_date.getMonth()) == position_time.getMonth()){
print_time = print_time.substring(11) + " (today)";
}
var infoNodeContent = ""
+ tracks[i].desc + current.focusLink + "" +
"" +
"
Time:" +
current.time.replace('T',' ').replace('Z','').substring(11) +
"
";
if(current.speed){
infoNodeContent += "
Speed:" + current.speed + " km/h
";
}//end speed append
if(current.distance && current.distance > 0){
infoNodeContent += "
Remaining:" + current.distance + " km
";
}//end speed append
if(current.cmt){
infoNodeContent += "
Geofence:" + current.cmt + "
";
}//end desc append
if(current.info_name){
infoNodeContent += "
Info:";
if(current.link) { infoNodeContent += "" + current.info_name + ""; }
else { infoNodeContent += current.info_name; }
infoNodeContent += "
";
}//end speed append
if(!getRequestParams()['history']){
//infoNodeContent += "
Show history
";
}//end history link
infoNodeContent += "
" + description + "
"
+ "
Time:" +
wpt.time.replace('T',' ').replace('Z','') +
"
";
if(wpt.speed){
html += "
Speed:" + wpt.speed + " km/h
";
}//end speed append
html += "
" + description + "
" + wpt.cmt + "", markerIcon);
}//end startMarkerk
if (drawEndMarker) {
wpt = sequence[0];
var lnk = "";
if (wpt.focusLink) {
lnk = "" + printf(wpt.focusLink, "inline", "Klik hier om " + description + " te volgen") + "
";
}
markerIcon = chooseIcon(type, "end", wpt.sym+'_'+color);
html = "" + description + "
" + lnk
+ "
Time:" +
wpt.time.replace('T',' ').replace('Z','') +
"
";
if(wpt.speed){
html += "
Speed:" + wpt.speed + " km/h
";
}//end speed append
if(wpt.magvar){
html += "
Course:" + wpt.magvar + " °
";
}//end magvar append
if(wpt.sat){
html += "
Satellite:" + wpt.sat + "
";
}//end sat append
if(wpt.hdop){
html += "
DOP:" + wpt.hdop + "
";
}//end hdop append
if(wpt.info_name){
html += "
Info:" + wpt.info_name + "
";
}//end info_name append
if(wpt.text){
html += "
" + wpt.text + "
";
}//end text append
if(wpt.image){
var img = new Image();
img.src = wpt.image;
html += "
![](" + wpt.image + ")
";
}//end text append
html += "