function getroads() { //get the road name off the page var roadname = document.getElementById("roadname").value; //call the URL with all your data var URL = "http://www.mapservice.co.za/api/search?key=SYYEKETVNNURHTWFQGBFVOOKCKMQNRBB&fmt=js&jscb=searchresults&s1=" + roadname //this function is in our streetmaps callObj = new JSONscriptRequest(URL); callObj.Go(false); } function searchresults(data) { document.getElementById("road_data").innerHTML = ""; document.getElementById('HCTData').innerHTML = ""; //data returned is is object var dirResults = data.results; //alert(dirResults.match.length) //must find at least one result then position map var html = "" for (var i = 0; i < dirResults.match.length; ++i) { var match = dirResults.match[i].match; var type = dirResults.match[i].type; var desc = dirResults.match[i].desc; // ""; html += ""; // alert(map_x) } html += "


" + match + "	" + type + "	" + desc + "
" + desc + "

"; document.getElementById("road_data").innerHTML = html; } var currentX var currentY function getHCT(x, y) { currentX = x currentY = y layerMyPoint.RemoveAllPoints(); t = layerMyPoint.AddPoint(x, y, 'You are Here', 'id'); t.SetIcon("http://compass.mapservice.co.za/Images/sql_youarehere_blue_32.png"); t.SetIconSize(32, 46); t.SetTooltip('You are Here'); t.SetIconAnchor("center", "bottom"); t.SetLabelAnchor("iconcenter", "iconcenter"); t.SetClickBehaviour("toggle_all_label"); t.SetStyle("icon"); myMap.Jump(x, y, 0.01); myMap.Init() URL = "http://compass.mapservice.co.za/jcon_HCT.asp?x=" + x + "&y=" + y + "&jscb=getHCTnow" callObj = new JSONscriptRequest(URL); callObj.Go(false); } function JumpToHCT(x, y) { var roadname = document.getElementById("roadname").value; //call the URL with all your data var URL = "http://www.mapservice.co.za/ajax_route.asp?key=SYYEKETVNNURHTWFQGBFVOOKCKMQNRBB&pointtype=xy&points=" + currentX + "," + currentY + "," + x + "," + y + "&tsp=1&fmt=js&jscb=routeresults" //this function is in our streetmaps callObj = new JSONscriptRequest(URL); callObj.Go(false); myMap.Jump(x, y, 0.01); myMap.ShowRoute(currentX, currentY, x, y, myMap) myMap.Init() } function getHCTnow(data) { var dirResults = data.results; var noresults = dirResults.noresults; if (noresults != 'gotresults') { return false; } var htm_main; var htm_popup; Name = dirResults.data[0].Name; HCTx = dirResults.data[0].x; HCTy = dirResults.data[0].y; Address = dirResults.data[0].Address1; Suburb = dirResults.data[0].Suburb; Town = dirResults.data[0].Town; Telephone = dirResults.data[0].Telephone; Distance = dirResults.data[0].Distance; htm_main = "" htm_main += "" layerPoints.RemoveAllPoints(); for (var i = 0; i < dirResults.data.length; ++i) { var t = layerPoints.AddPoint(dirResults.data[i].x, dirResults.data[i].y, dirResults.data[i].Name, 'id'); t.SetIcon("http://compass.mapservice.co.za/Images/redribbon.png"); t.SetIconSize(32, 50); // html_bubble = "

" // html_bubble += "" // html_bubble += "" // html_bubble += "

" // html_bubble += "" // html_bubble += " " // html_bubble += "" // html_bubble += "" htm_main += "

" + Name + "

" // html_bubble += "" // html_bubble += "" // html_bubble += "

" + Address + ", " + Suburb + ", " + Town + "

" // html_bubble += "" // html_bubble += "

" + Telephone + "

" t.SetTooltip(dirResults.data[i].Name + ", " + dirResults.data[i].Address1 + ", " + dirResults.data[i].Suburb + ", " + dirResults.data[i].Town + ", " + dirResults.data[i].Telephone); t.SetIconAnchor("center", "bottom"); t.SetLabelAnchor("iconcenter", "iconcenter"); t.SetClickBehaviour("toggle_all_label"); t.SetStyle("icon"); Name = dirResults.data[i].Name.replace(/[^a-zA-Z 0-9]+/g, ''); HCTx = dirResults.data[i].x; HCTy = dirResults.data[i].y; Address = dirResults.data[i].Address1.replace(/[^a-zA-Z 0-9]+/g, ''); Suburb = dirResults.data[i].Suburb.replace(/[^a-zA-Z 0-9]+/g, ''); Town = dirResults.data[i].Town.replace(/[^a-zA-Z 0-9]+/g, ''); Telephone = dirResults.data[i].Telephone.replace(/[^a-zA-Z 0-9]+/g, ''); var numDist = parseFloat(dirResults.data[i].Distance); numDist = numDist.toFixed(2); Distance = numDist; htm_main += "

" htm_main += "" // html += ""; // htm_main += " " htm_main += "" htm_main += "" htm_main += "

" + desc + "

" + Name + "

" + Name + "

" htm_main += "" htm_main += "" // htm_main += "

" + Address + ", " + Suburb + ", " + Town + "

" htm_main += "" htm_main += "" // htm_main += "" // htm_main += "" // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += "" htm_main += "

" + Telephone + "

" htm_main += "" htm_main += "

Distance : " + Distance + "m

" + HCTy + ".

Wind :

" + Address + "

Humidity :

" + Suburb + "%

Comfort :

" + Town + "°C

" // htm_main += "

" // htm_main += "" // htm_main += " " // htm_main += "" // htm_main += "" // htm_main += "" // htm_main += "" // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += " " // htm_main += "" // htm_main += "

" + tweekday + "

" // htm_main += "" // htm_main += "" // htm_main += "

" + high + " | " + low + "°C

" + rain + " " + tempdesc + ".

Wind :

" + wind_speed + "-" + wind_dir + "

Humidity :

" + humidity + "%

Comfort :

" + comfort + "°C

UV Factor :

" + uv_index + "

Rainfall :

" + RainFall + "

Chance Of Rain :

" + precip_prob + "%

" } htm_main += "

" document.getElementById('HCTData').innerHTML = htm_main; myMap.Init(); }