')
w.innerHTML = eHTML
document.getElementById("RouteDirections").appendChild(w)
}
sDistance = oDirections.Directions[ii].Length;
sDistance = sDistance.replace("Total Distance ", "");
document.getElementById("lblDist").innerHTML = sDistance;
var tCost = (parseFloat(sDistance) / document.getElementById("txtFe").value) * document.getElementById("txtFc").value + class1TOT;
document.getElementById("lbltc").innerHTML = "R " + tCost.toFixed(2);
document.getElementById("lblTotalCost").innerHTML = "R " + tCost.toFixed(2);
document.getElementById("lblTotClass").innerHTML = "R " + parseFloat(class1TOT).toFixed(2);
$("#TripSummary").show();
Recalc();
}
}
function Recalc() {
var classTot = 0;
if (document.getElementById("rbTwo").checked)
doubleTime();
else
singleTime();
if (document.getElementById("ClassSelect").selectedIndex == 0) {
classTot = class1TOT;
document.getElementById("lblTotClass").innerHTML = "R " + parseFloat(class1TOT).toFixed(2);
if (document.getElementById("rbTwo").checked) {
document.getElementById("lblTotClass").innerHTML = "R " + (parseFloat(class1TOT) * 2).toFixed(2);
}
}
if (document.getElementById("ClassSelect").selectedIndex == 1) {
classTot = class2TOT;
document.getElementById("lblTotClass").innerHTML = "R " + parseFloat(class2TOT).toFixed(2);
if (document.getElementById("rbTwo").checked) {
document.getElementById("lblTotClass").innerHTML = "R " + (parseFloat(class2TOT) * 2).toFixed(2);
}
}
if (document.getElementById("ClassSelect").selectedIndex == 2) {
classTot = class3TOT;
document.getElementById("lblTotClass").innerHTML = "R " + parseFloat(class3TOT).toFixed(2);
if (document.getElementById("rbTwo").checked) {
document.getElementById("lblTotClass").innerHTML = "R " + (parseFloat(class3TOT) * 2).toFixed(2);
}
}
if (document.getElementById("ClassSelect").selectedIndex == 3) {
classTot = class4TOT;
document.getElementById("lblTotClass").innerHTML = "R " + parseFloat(class4TOT).toFixed(2);
if (document.getElementById("rbTwo").checked) {
document.getElementById("lblTotClass").innerHTML = "R " + (parseFloat(class4TOT) * 2).toFixed(2);
}
}
//var sDistance = document.getElementById("lblDist").innerHTML;
document.getElementById("lblDist").innerHTML = sDistance;
if (document.getElementById("rbTwo").checked)
document.getElementById("lblDist").innerHTML = parseFloat(sDistance) * 2 + "Km";
var tCost = (parseFloat(sDistance) / document.getElementById("txtFe").value) * document.getElementById("txtFc").value + classTot;
var tFuel = (parseFloat(sDistance) / document.getElementById("txtFe").value) * document.getElementById("txtFc").value;
document.getElementById("lblFuelTot").innerHTML = "R " + tFuel.toFixed(2);
if (document.getElementById("rbTwo").checked) {
tCost = tCost * 2;
document.getElementById("lblFuelTot").innerHTML = "R " + tFuel.toFixed(2) * 2;
}
document.getElementById("lbltc").innerHTML = "R " + tCost.toFixed(2);
document.getElementById("lblTotalCost").innerHTML = "R " + tCost.toFixed(2);
}
function ShowMap(id) {
if (document.getElementById("MapImage" + id) == null) {
var iHTML = "
')
w.innerHTML = iHTML
document.getElementById("DirectionImage" + id).appendChild(w)
}
if (document.getElementById("btnExpandMap" + id).alt == 'Display Map') {
document.getElementById("btnExpandMap" + id).alt = 'Hide Map';
document.getElementById("btnExpandMap" + id).src = 'Images/mapHide.gif';
Amount = 50;
MoveAmount = 1;
Expand(id);
//document.getElementById("spnMap"+id).style.display='block';
}
else {
document.getElementById("btnExpandMap" + id).alt = 'Display Map';
document.getElementById("btnExpandMap" + id).src = 'Images/MapExpand.gif';
Amount = 0;
MoveAmount = -1;
Expand(id);
//document.getElementById("spnMap"+id).style.display='none';
}
}
function Expand(id) {
if (parseInt(document.getElementById("DirectionImage" + id).style.height) != parseInt(Amount)) {
document.getElementById("MapImage" + id).style.height = (parseInt(document.getElementById("MapImage" + id).style.height) + MoveAmount) + 'px'
document.getElementById("DirectionImage" + id).style.height = (parseInt(document.getElementById("DirectionImage" + id).style.height) + MoveAmount) + 'px'
setTimeout("Expand(" + id + ")", 1)
}
}
function SelectRoute(Type, Lat, Lon, Description, ID) {
InsertStats(ID, Description, Lat, Lon,"Select Route Point");
RouteLat = Lat;
RouteLon = Lon;
$("#rbRouteType").show();
RouteLocation = Description;
document.getElementById("ResultsDiv").innerHTML = "";
if (Type == "RouteTo") {
document.getElementById("RouteHeading").innerHTML = "Route To:";
RouteType = "To";
document.getElementById("hSearchHeading").innerHTML = "Route From:";
}
else {
RouteType = "From";
document.getElementById("RouteHeading").innerHTML = "Route From:";
document.getElementById("hSearchHeading").innerHTML = "Route To:";
}
sDescription = Description;
document.getElementById("SelectedPoint").innerHTML = Description;
document.getElementById("SelectedRoute").style.display = '';
document.getElementById("selRoute1").style.display = '';
document.getElementById("txtSearchAddress").value = "";
}
function ShowStaticMap() {
var centroid;
centroid = g_map.getCentre();
window.open("http://maps.afrigis.co.za/sm/StaticMapWizard.aspx?latitude=" + centroid.latitude() + "&longitude=" + centroid.longitude() + "&scaleindex=" + g_map.getZoomLevel() + "&zoomno=5", "", "resizable=yes,scrollbars=yes,top=0,left=0,width=700,height=700");
//centroid = g_map.GetMapCentroid();
//window.open("http://maps.afrigis.co.za/sm/StaticMapWizard.aspx?latitude="+centroid.latitude+"&longitude="+centroid.longitude+"&scaleindex="+g_map.GetScale()+"&zoomno=5","","resizable=yes,scrollbars=yes,top=0,left=0,width=700,height=700");
}
function ShowPoint(Lat, Lon, Name) {
if (RouteLat == '') {
RouteLat = Lat;
RouteLon = Lon;
}
//g_map.RemoveAllObjects();
g_map.removeGroupOverlay("Point");
sDescription = Name;
var oLatLng = new AGCoord(parseFloat(Lat), parseFloat(Lon));
g_map.centreAndScale(oLatLng, 18);
//g_map.AddPoint("Images/Pin_Red_32x32_24bit.png", "1", parseFloat(Lat),parseFloat(Lon),-5,-32,"Search Result",Name);
var oIcon = new AGIcon();
oIcon.image = "Images/Pin_Red_32x32_24bit.png";
//oIcon.iconSize = new AGSize(31, 32);
oIcon.iconAnchor = new AGPoint(-5, -32);
var oNewMarkerOptions = new AGMarkerOptions(oIcon);
g_map.addOverlay(new AGMarker(oLatLng, oNewMarkerOptions), "Point");
}
function NoPoint(Lat, Lon, Name, ID) {
InsertStats(ID, Name, Lat, Lon,"Result Selected");
if (RouteLat == '') {
RouteLat = Lat;
RouteLon = Lon;
}
//g_map.RemoveAllObjects();
g_map.removeGroupOverlay("Point");
sDescription = Name;
var oLatLng = new AGCoord(parseFloat(Lat), parseFloat(Lon));
g_map.centreAndScale(oLatLng, 18);
//g_map.AddPoint("Images/Pin_Red_32x32_24bit.png", "1", parseFloat(Lat),parseFloat(Lon),-5,-32,"Search Result",Name);
}
function AddressSearchJSONBusinessLocation(Business, Type, BoundingBox, Location) {
var url = jsonpUrl + "?SearchString=" + Business + "&Location=" + Location + "&bbox=" + BoundingBox + "&Type=" + Type;
var Callback = "callbackFunction";
var name = "callbackFunction";
var query = "";
jsonp(url, Callback, name, query);
}
function AddressSearchJSONAddress(Address, Type) {
var url = "GenericLuceneSearch.aspx?SearchText=" + Address + "&jsonp=callbackFunction";
var Callback = "callbackFunction";
var name = "callbackFunction";
var query = "";
jsonp(url, Callback, name, query);
}
function AddressSearchJSONBusiness(Business, Type, BoundingBox) {
var url = jsonpUrl + "?SearchString=" + Business + "&bbox=" + BoundingBox + "&Type=" + Type + "&jsonp=callbackFunction";
var Callback = "callbackFunction";
var name = "callbackFunction";
var query = "";
jsonp(url, Callback, name, query);
}
function jsonp(url, callback, name, query) {
if (url.indexOf("?") > -1)
url += "&jsonp="
else
url += "?jsonp=";
url += name + "&";
if (query)
url += encodeURIComponent(query) + "&";
url += new Date().getTime().toString(); // prevent caching
var script = document.createElement("script");
script.setAttribute("src", url);
script.setAttribute("type", "text/javascript");
document.body.appendChild(script);
}
var FORMAT = "image/png";
var VERSION = "1.0.0";
var CRS = "EPSG:4326";
var EXCEPTION = "INIMAGE";
var IMAGEOFFSETX = 0;
var IMAGEOFFSETY = 0;
var BBOX_TAG = "&BBOX"
var CRS_TAG = "&CRS"
var EXCEPTIONS_TAG = "&EXCEPTIONS"
var FORMAT_TAG = "&FORMAT"
var HEIGHT_TAG = "&HEIGHT"
var LAYERS_TAG = "&LAYERS"
var REQUEST_TAG = "REQUEST"
var STYLES_TAG = "&STYLES"
var TILECOLUMN_TAG = "&TILECOLUMN"
var TILEROW_TAG = "&TILEROW"
var TOKEN_TAG = "&TOKEN"
var VERSION_TAG = "&VERSION"
var WIDTH_TAG = "&WIDTH"
var ROUTING_TAG = "&ROUTING"
var g_RequestManager = null;
var g_TravelDirections = null;
var m_Layers;
var m_Styles;
var m_RoutableParameter;
var m_RoutableLayer;
var m_MapServerUrl;
function DirectionItem() {
this.m_strDescripTion = "";
this.m_strIconUrl = "";
this.m_dLatitude = 0;
this.m_dLongitude = 0;
this.m_ptStart = new Point(0, 0);
this.m_ptEnd = new Point(0, 0);
}
function InitTravelDirections() {
// m_MapServerUrl = "http://196.28.152.158/MapServerGateway/IISGateway.aspx";
// m_Layers = "AG_OCEANS,AG_SADECS,AG_PROVINCES,AG_NATIONALROAD_LABELS,AG_TOWNS,AG_TOWNS_CENTROID,AG_SUBURBS,AG_STREETS,AG_CAD_PARKS,AG_AIRPORTS";
// m_Styles = "Mapstyle2,Mapstyle2,Mapstyle1,Point_SCHEME,Mapstyle2,Point_SCHEME,Mapstyle2,Mapstyle3,Mapstyle2,Point_SCHEME";
// m_RoutableLayer = "AG_STREETS";
// m_RoutableParameter = "TRAVELTIME";
m_MapServerUrl = "http://maps.afrigis.co.za/GW/IISGateway.aspx";
m_Layers = "AG_OCEANS,AG_SADECS,AG_PROVINCES,AG_NATIONALROAD_LABELS,AG_TOWNS,AG_TOWNS_CENTROID,AG_SUBURBS,AG_STREETS,AG_CAD_PARKS,AG_AIRPORTS";
m_Styles = "Mapstyle2,Mapstyle2,Mapstyle1,Point_SCHEME,Mapstyle2,Point_SCHEME,Mapstyle2,Mapstyle3,Mapstyle2,Point_SCHEME";
m_RoutableLayer = "AG_STREETS";
m_RoutableParameter = "TRAVELTIME";
g_RequestManager = new ThumbNailRequestManager(m_MapServerUrl, VERSION, CRS, FORMAT, m_Layers, m_Styles, EXCEPTION);
g_TravelDirections = new TravelDirections(m_MapServerUrl, m_RoutableLayer, m_RoutableParameter);
}
function getXmlFromServer(str, fnc) {
ShowResultBarLoadingWidget();
var url = "TravelDirections/GetFromMapServer.aspx";
url = url + "?source=|" + str;
url = url + "|&sid=" + Math.random();
getUsingAjax(url, fnc);
}
function ShowResultBarLoadingWidget() {
document.getElementById("ResultBarLoadingWidget").style.display = 'block';
}
function HideResultBarLoadingWidget() {
document.getElementById("ResultBarLoadingWidget").style.display = 'none';
}
function ShowFlyOut() {
var amount = 5;
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) != 145) {
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) == 15) {
document.getElementById("FlyOutHeading").style.display = '';
}
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) == 40) {
document.getElementById("lblStreetAdd1").style.display = '';
}
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) == 65) {
document.getElementById("inputAddr").style.display = '';
}
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) == 80) {
document.getElementById("lblStreetAdd2").style.display = '';
}
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) == 105) {
document.getElementById("inputTown").style.display = '';
}
if (parseInt(document.getElementById("RouteToFromLocationInput").style.height) == 135) {
document.getElementById("btnSubmitLocationRouteSearch").style.display = '';
}
document.getElementById("RouteToFromLocationInput").style.height = (parseInt(document.getElementById("RouteToFromLocationInput").style.height) + amount) + 'px'
setTimeout("ShowFlyOut()", 1)
}
}
function ThumbNailRequestManager(_mapServerUrl, _version, _crs, _format, _layers, _styles, _exceptions) {
this.mapServerUrl = _mapServerUrl;
this.version = _version;
this.crs = _crs;
this.format = _format;
this.layers = _layers;
this.styles = _styles;
this.exceptions = _exceptions;
this.getThumbnailRequest = function (BBox, iWidth, iHeight) {
var req = this.mapServerUrl;
req += "?";
req += REQUEST_TAG + "=GetMapAG";
req += VERSION_TAG + "=" + this.version;
req += CRS_TAG + "=" + this.crs;
req += BBOX_TAG + "=";
req += BBox;
req += WIDTH_TAG + "=" + iWidth;
req += HEIGHT_TAG + "=" + iHeight;
req += FORMAT_TAG + "=" + this.format;
req += LAYERS_TAG + "=" + this.layers;
req += STYLES_TAG + "=" + this.styles;
req += EXCEPTIONS_TAG + "=" + this.exceptions;
return req;
}
}
function TravelDirections(strMapServerUrl, strRouteLayer, strRouteParam) {
this.m_strMapServerUrl = strMapServerUrl;
this.m_strRouteLayer = strRouteLayer;
this.m_strRouteParam = strRouteParam;
this.m_dTotalDist = -1;
this.m_dTotalTravelTime = -1;
this.m_arrDirectionItem = new Array();
this.m_arrNode = new Array();
this.addNode = function (obMapSearchItem) {
this.m_arrNode[this.m_arrNode.length] = obMapSearchItem;
}
this.clearNodes = function () {
this.m_arrNode = new Array();
}
this.getDirections = function (callBackFunc) {
directionItemCallBack = callBackFunc;
var strReq = this.getDDRequestString();
getXmlFromServer(strReq, callBackParseDrivingDirection);
}
this.getThumbnailMap = function (dirItem, iWidth, iHeight) {
var segDist = GetDistanceGC(dirItem.m_ptStart, dirItem.m_ptEnd)
var long1 = (dirItem.m_ptStart.x <= dirItem.m_ptEnd.x) ? dirItem.m_ptStart.x : dirItem.m_ptEnd.x;
var long2 = (dirItem.m_ptStart.x >= dirItem.m_ptEnd.x) ? dirItem.m_ptStart.x : dirItem.m_ptEnd.x;
var lat1 = (dirItem.m_ptStart.y <= dirItem.m_ptEnd.y) ? dirItem.m_ptStart.y : dirItem.m_ptEnd.y;
var lat2 = (dirItem.m_ptStart.y >= dirItem.m_ptEnd.y) ? dirItem.m_ptStart.y : dirItem.m_ptEnd.y;
var dLong = long2 - long1;
var dLat = lat2 - lat1;
//Determine how much the thumbnail must zoom out from the route
var fZoomFactor = 1.5;
if (segDist < 0.1) //Smaller than 100 meter
{
fZoomFactor = 5.5;
}
dLat = dLat * fZoomFactor;
dLong = dLong * fZoomFactor;
long1 -= dLong / 2;
long2 += dLong / 2;
lat1 -= dLat / 2;
lat2 += dLat / 2;
var strThumbnailBBox = long1 + "," + lat1 + "," + long2 + "," + lat2;
var strReq = g_RequestManager.getThumbnailRequest(strThumbnailBBox, iWidth, iHeight);
// Add routing Param;
strReq += "&ROUTING=" + this.m_strRouteLayer + "$" + this.m_strRouteParam + "$";
for (var i = 0; i < this.m_arrNode.length; i++) {
strReq += "LATLONG," + this.m_arrNode[i].Longitude + "," + this.m_arrNode[i].Latitude + "^";
}
strReq = strReq.substring(0, strReq.length - 1);
return strReq;
}
this.getDDRequestString = function () {
if (this.m_arrNode.length < 2)
return "";
var strReq = this.m_strMapServerUrl;
strReq += "?REQUEST=GetRouteAG";
strReq += "&VERSION=1.0.0";
strReq += "&ROUTING=" + this.m_strRouteLayer + "$" + this.m_strRouteParam + "$";
var strNodes = ""
for (var i = 0; i < this.m_arrNode.length; i++) {
strNodes += "LATLONG," + this.m_arrNode[i].Longitude + "," + this.m_arrNode[i].Latitude + "^";
}
strNodes = strNodes.substring(0, (strNodes.length - 1));
strReq += strNodes;
return strReq;
}
}
var directionItemCallBack = null;
function callBackParseDrivingDirection(xmlDrivingDirection) {
// Parse the xml got from server
var xmlDoc = xmlDrivingDirection.documentElement;
var root_node = xmlDoc.getElementsByTagName('RoutingPath').item(0);
var roadCount = root_node.childNodes.length;
var CumilitiveLength = 0;
// Clear the Direction Item
g_TravelDirections.m_arrDirectionItem = new Array();
for (var i = 0; i < roadCount; i++) {
var dirItem = new DirectionItem();
var roadNode = root_node.childNodes[i];
var desc, angle;
var ptStart = new Point(0, 0);
var ptEnd = new Point(0, 0);
var Length = 0;
var Name = "";
var AbsoluteDirection = "";
var RelativeDirectionAngle = "";
for (var j = 0; j < roadNode.childNodes.length; j++) {
var childNode = roadNode.childNodes[j];
if (!childNode.firstChild || childNode.firstChild == null) {
//alert(childNode.tagName + "::Value Not Found")
continue;
}
switch (childNode.tagName) {
case "starting_point":
ptStart.x = parseFloat(childNode.childNodes[0].firstChild.data);
ptStart.y = parseFloat(childNode.childNodes[1].firstChild.data);
break;
case "ending_point":
ptEnd.x = parseFloat(childNode.childNodes[0].firstChild.data);
ptEnd.y = parseFloat(childNode.childNodes[1].firstChild.data);
break;
case "abs_dir":
AbsoluteDirection = childNode.firstChild.data;
break;
case "rel_dir_angle":
RelativeDirectionAngle = parseFloat(childNode.firstChild.data);
break;
case "name":
Name = childNode.firstChild.data;
break;
case "length":
Length = parseFloat(childNode.firstChild.data);
break;
case "cum_length":
CumilitiveLength = parseFloat(childNode.firstChild.data);
break;
}
}
var ob = getDirDescAndIcon(i, RelativeDirectionAngle, roadCount);
var directionString = ob.description;
directionString += ",continue ";
directionString += AbsoluteDirection + " ";
directionString += "on ";
directionString += Name + ", ";
directionString += "drive for ";
directionString += Length + " km";
directionString += " (" + CumilitiveLength + " km)";
if (i == roadCount - 1)
directionString += ",Stop.";
dirItem.m_strDescripTion = directionString;
dirItem.m_ptStart = ptStart;
dirItem.m_ptEnd = ptEnd;
dirItem.m_strIconUrl = "TravelDirections/mapDirIcons/" + arrDirImageFile[ob.iconIndex];
dirItem.m_dLongitude = parseFloat((ptEnd.x + ptStart.x) / 2);
dirItem.m_dLatitude = parseFloat((ptEnd.y + ptStart.y) / 2);
g_TravelDirections.m_arrDirectionItem[g_TravelDirections.m_arrDirectionItem.length] = dirItem;
//Clear all the param;
Length = 0;
Name = "";
AbsoluteDirection = "";
RelativeDirectionAngle = "";
//====================
}
g_TravelDirections.m_dTotalDist = CumilitiveLength;
HideResultBarLoadingWidget();
directionItemCallBack();
}
var arrDirImageFile = new Array("072_Go_16x16.jpg",
"071_Stop_16x16.jpg",
"032_DeviateLeft_16x16.jpg",
"022_SoftLeft_16x16.jpg",
"031_SharpLeft_16x16.jpg",
"032_VerySharpLeft_16x16.jpg",
"051_UturnLeft_16x16.jpg",
"032_DeviateRight_16x16.jpg",
"021_SoftRight_16x16.jpg",
"032_SharpRight_16x16.jpg",
"032_VerySharpRight_16x16.jpg",
"052_UturnRight_16x16.jpg"
);
function getDirDescAndIcon(dirItemIndex, angle, roadCount) {
var directionString = "";
var directionIconIndex;
roadCount = parseInt(roadCount, 10);
dirItemIndex = parseInt(dirItemIndex, 10);
if (dirItemIndex == 0) {
directionString += "Start";
directionIconIndex = 0;
}
else {
directionIconIndex = 2;
var dir;
if (angle < 0) {
dir = "right";
angle = -angle;
directionIconIndex += 5;
}
else {
dir = "left";
}
if (angle >= 0 && angle <= 23) {
directionString += "Deviate Slightly to the";
directionIconIndex += 0;
}
else if (angle > 23 && angle <= 45) {
directionString += "Turn Slightly to the";
directionIconIndex += 1;
}
else if (angle > 45 && angle <= 100) {
directionString += "Turn to the";
directionIconIndex += 2;
}
else if (angle > 100 && angle < 160) {
directionString += "Turn Sharply to the";
directionIconIndex += 3;
}
else if (angle >= 160) {
directionString += "Hairpin turn to the";
directionIconIndex += 4;
}
directionString += " " + dir;
if (dirItemIndex == (roadCount - 1))
directionIconIndex = 1;
}
return { description: directionString, iconIndex: directionIconIndex };
}
var R = 6371; // earth's mean radius in km
///
/// Calculates the Great Circle distance between two coordinates in Kilometers
///
///
///
///
///
///
function GetDistanceGC(Coordinate1, Coordinate2) {
//Convert the Decimal Degrees to radians
var radLat1 = DecDegrees2RadDegrees(Coordinate1.y);
var radLon1 = DecDegrees2RadDegrees(Coordinate1.x);
var radLat2 = DecDegrees2RadDegrees(Coordinate2.y);
var radLon2 = DecDegrees2RadDegrees(Coordinate2.x);
var dLat = radLat2 - radLat1;
var dLong = radLon2 - radLon1;
var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math.sin(dLong / 2) * Math.sin(dLong / 2);
var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
var d = R * c;
return d;
}
function DecDegrees2RadDegrees(DecDegree) {
return DecDegree * Math.PI / 180;
}
"
eHTML += "