')
w.innerHTML = eHTML
document.getElementById("RouteDirections").appendChild(w)
}
}
}
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)
{
RouteLat = Lat;
RouteLon = Lon;
RouteLocation = Description;
document.getElementById("ResultsDiv").innerHTML ="";
if(Type == "RouteTo")
{
document.getElementById("RouteHeading").innerHTML = "Route To:";
RouteType = "To";
}
else
{
RouteType = "From";
document.getElementById("RouteHeading").innerHTML = "Route From:";
}
sDescription = Description;
document.getElementById("SelectedPoint").innerHTML = Description;
document.getElementById("SelectedRoute").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)
{
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
= 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 += "