NuMaps Printable Map

// function to generate an XML object from a text string // usage: xmlObject = load_xml_content_string("12"); function load_xml_content_string(xmlString) { if (window.ActiveXObject) { //for IE xmlDoc=new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; xmlDoc.loadXML(xmlString); return xmlDoc; } else if (document.implementation && document.implementation.createDocument) { //for Mozila parser=new DOMParser(); xmlDoc=parser.parseFromString(xmlString,"text/xml"); return xmlDoc; } } function adjustBoundsExtent(glat, glng, number) { //alert ("numb = "+numb) //alert ("numb = "+number+" BBox = "+loLat+", "+loLng+" "+hiLat+", "+hiLng); //Convert Lat and Long to numerical values var lat=parseFloat(glat); var lng=parseFloat(glng); // add points into sumLat and sumLng //if (number == 0){alert ("initialising limits"); loLat=lat; hiLat=lat; loLng=lng; hiLng=lng;} // calculate bounding box of coords if (lat < loLat) {loLat=lat;} if (lat > hiLat) {hiLat=lat;} if (lng < loLng) {loLng=lng;} if (lng > hiLng) {hiLng=lng;} } // ---------------- Set opacity for different Browsers -------------------// function setOpacity(obj, opacity) { // obj = object that is to have an opacity set for // opacity = integer between 0 & 100 //alert("opacity = "+opacity) opacity = (opacity == 100)?99.999:opacity; // IE/Win obj.style.filter="alpha(opacity="+ opacity + ")"; // Safari<1.2, Konqueror obj.style.KHTMLOpacity = opacity/100; // Older Mozilla and Firefox obj.style.MozOpacity = opacity/100; // Safari 1.2, newer Firefox and Mozilla, CSS3 obj.style.opacity = opacity/100; } // function to turn xml object into a text string // usage: xmlString = make_string_from_xml(xmlDoc) function make_string_from_xml(xmlObject) { if (window.ActiveXObject) { return xmlObject.xml;} else if (document.implementation && document.implementation.createDocument) { return (new XMLSerializer()).serializeToString(xmlObject);} } function startDownload(file) { var url=applicationBase+file; window.open(url,'Download'); } function showHideGraph() { //alert('There are '+nic+' polygons in this group') //alert('collection.length = '+collection.length) //var delta = nic - limit; //if (nic >= limit) {alert ("There are more than "+limit+" polygons in this collection.\n Please remove at least "+delta+" one from the collection."); return;} //alert(collection) //alert ('currentAtts = '+currentAtts) if (collection != '') { var wholeColl = collection; graphPopup(wholeColl, currentAtts ); } } function checkHex(value) { return /^#([A-Fa-f0-9]{3}$)|([A-Fa-f0-9]{6}$)/.test(value); } function mapTemplatePopup() { var bord = 30; var title = 'Enter your Text here (up to 200 characters)'; // setup map annotation controls wdt = map.getSize().w; hgt = map.getSize().h; // override dynamic map size with A4 approx size wdt = 800; hgt = 900; scale = parseInt(map.getScale()); width = wdt + 2*bord; height = hgt + 5*bord; // set up location for Map box maptop = 4*bord; mapleft = bord; tablehgt = 3*bord; tablewdt = wdt; // set up location of map header line texttop = bord-15; textleft = bord; // get the current date data var d = new Date(); day = d.getDate(); month = d.getMonth()+1; year = d.getFullYear(); // create the new popup window winmap = window.open('NuMaps','myconsole', 'width='+width+',height='+height +',alwaysRaised=1' +',menubar=1' +',toolbar=0' +',status=0' +',scrollbars=0' +',resizable=0'); winmap.document.writeln ( 'NuMaps Printable Map' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'' +'

' +'' +'	' +'' +'Enter Your Map Title Here' +'' +'	' +'' +'Date : '+day+"/"+month+"/"+year +'' +'
' +'' +'' +'	' +'' +title +'' +'	' +'' +'' +'
' +'' +'Plan No : ' +'' +'' +'0000' +'' +'	' +'' +title +'' +'	' +'' +'Scale 1 : '+scale +'' +'
' +'

' +'

' +'

' +"

" +"

" +'

' +'

' +'' +'' ); //filter:alpha(opacity=60); opacity: 0.6; class='whiteBox' winmap.document.close(); PrintMap(); //application = winmap.document.getElementById("printLegendBox").id; if(!drapeNotDone && printLegend){legendBuilder("printLegendBox", sldUrl, null, '', '', true);} //alert('printMap done') } // this assumes that the Map object is a JavaScript variable named "map" // changed 20090928: // * fixed the weird references about iframes, since they're not the usual use case // * added the Please Wait window // * used newer-style OpenLayers.Request.POST() for final AJAX call //var print_wait_win = null; function PrintMap() { //-- post a wait message //print_wait_win = window.open("pleasewait.html", "print_wait_win", "scrollbars=no, status=0, height=5, width=10, resizable=1"); newMap = winmap.document.getElementById("printMap"); // go through all layers, and collect a list of objects // each object is a tile's URL and the tile's pixel location relative to the viewport var size = map.getSize(); var tiles = []; baseNotDone = true; drapeNotDone = true; electBdyNotDone = true; electLabelNotDone = true; //alert('drape image format = '+drapeImage); //opac = 0.5; alert('number of layers to add = '+map.layers.length) for (layername in map.layers) { // if the layer isn't visible at this range, or is turned off, skip it var layer = map.layers[layername]; if (!layer.getVisibility()) continue; if (!layer.calculateInRange()) continue; // search through base maps to see if this layer is a basemap if(baseNotDone) { // look at all basemaps first for(var i=0; i=0 && (layerOnOff || layerOnOff)) { // get the checkbox status for labels and layers //alert(TitleText[layNum]+" layer selected = "+layerOnOff) // with an SLD if((Sld[layNum] != 'none' || Sld[layNum] != '') && layerOnOff) { var Bdys = applicationBase+Sld[layNum]; var printLayer = new OpenLayers.Layer.WMS.Untiled ( TitleText[layNum], meshBlocksBase, { sld: Bdys, format: drapeImage, version: Ogc[layNum], quality: quality, reaspect: false, transparent: true , opacity: Opac[layNum] }, {reproject: true} ); } // for Styles instead of SLD based ddrapes else if(Style[layNum] != 'default' && Style[layNum] != 'none' && Style[layNum] != '' && layerOnOff) { var printLayer = new OpenLayers.Layer.WMS.Untiled ( TitleText[layNum], meshBlocksBase, { layers: Name[layNum], styles: Style[layNum], format: drapeImage, version: Ogc[layNum], quality: quality, reaspect: false, transparent: true, opacity: Opac[layNum] }, { reproject: true} ); //alert('style based DDrape prepared') } // now create the layer in printMap if(layerOnOff) { printLayer.addOptions({isBaseLayer: false, visibility: true, wrapDateLine: true, reproject: true}); printMap.addLayer(printLayer); //alert("adding admin layer to printMap : "+TitleText[layNum]); } } } else { // search the layers array to find the layer number var layNum = -1; for(var k=0; k 18) {startZoom = 18;} if(params[i] == 'basemap') // used to preset the basemap { startBasemap = params[params[i]]; if(startBasemap == 'OpenStreetMap') {startZoom = startZoom + 1;} } if(params[i] == 'quality') {quality = params[params[i]];}// used to set the quality of a WMS image request if(params[i] == 'start') {start = params[params[i]];}// used to specify the lat/long of the starting location if(params[i] == 'width') {wdth = params[params[i]];}// map width if(params[i] == 'height') {hght = params[params[i]];}// map height if(params[i] == 'address') // used to specify the starting address location { userAddress = params[params[i]]; // make sure all %20 are removed from address string source if(userAddress != '') { userAddress = userAddress.replace(/%20/g, ' '); //userAddress = capitaliseIt(userAddress) } } if(params[i] == 'drapes'){drapes = params[params[i]];}// used to specify the xml file for drape loading if(params[i] == 'layers'){layersFile = params[params[i]];}// used to specify the xml file for layers loading if(params[i] == 'help'){openWithInstructions = params[params[i]];}// flag to open with help instructions launched if(params[i] == 'psma'){psmaBasemapFile = params[params[i]];} // map config parameters if(params[i] == 'menu') {direction = params[params[i]];}// used to spacify vertical/horizontal menu if(params[i] == 'tileSize'){tileSize = params[params[i]];}// used to specify tile size to be used if(params[i] == 'srs'){srs = params[params[i]];}// used to specify the srs EPSG code if(params[i] == 'imgFormat'){drapeImage = params[params[i]];}// used to specify the image format used in a WMS request if(params[i] == 'logoSrc'){logoImg = params[params[i]];}// used to define the logo disolayed on the map if(params[i] == 'home'){linkAddr = params[params[i]];}// used to define the link behind the logo if(params[i] == 'cache') {nuCache = params[params[i]];}// flag to indicate if numa cache is active if(params[i] == 'buff') {buff = parseInt(params[params[i]]);}// set to a number between 0 nd 5 for tiles outside of AOI if(params[i] == 'print') {printIT = params[params[i]];}// flag to expose print function if(params[i] == 'area') {area = params[params[i]];}// not sure??? // uploading parameters if(params[i] == 'updiv'){uploadDivs = params[params[i]];}// set the number of divisions for categories of uploaded points if(params[i] == 'markerZm') {markerZm = params[params[i]];}// default zoom value for go to marker if(params[i] == 'opac') {vectOpac = params[params[i]];}// default opacity of vector markers if(params[i] == 'labels') // default labels for address of vector markers { labelsRequired = params[params[i]];} // get feature parameters if(params[i] == 'gfiLimit'){gfiLimit = params[params[i]];}// used to limit the number of elements in GFI request if(params[i] == 'filter') {filterTol = params[params[i]];}// used to filter out points in a vector geometry // account related parameters if(params[i] == 'username') {username =params[params[i]];}// username if(params[i] == 'password') {password = params[params[i]];}// password if(params[i] == 'account') {account = params[params[i]];}// Access Control account //if(params[i] == 'accumulate') {accumulate = params[params[i]];} if(params[i] == 'ccNo') {ccNo = params[params[i]];}// not sure ?? if(params[i] == 'ccInc') {ccInc = params[params[i]];}// not sure ?? if(params[i] == 'analysis') {configFlag = params[params[i]];}// not sure ?? if(params[i] == 'loader'){loadIt = params[params[i]];}// flag to show loadit image } //--------------- sniff the browser being used ---------------- //var browserName=navigator.appName; // important for getFeature decoding // browserName = Netscape or Microsoft Internet Explorer br=new Array(4); os=new Array(2); flash=new Array(2); br = getBrowser(); browser = br[0]; browserName = br[0]; version = getMajorVersion(br[1]); // apply XML browser difference here prefix='gml:'; if ((browser =='firefox' && version == '2') || (browser == 'safari')) { prefix=''; } /* codeName = navigator.appCodeName ; appName = navigator.appName ; // use this to detect browser (Netscape/Microsoft Internet Explorer) version = navigator.appVersion; cookies = navigator.cookieEnabled; platform= navigator.platform; */ } function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; } function goToCoords(address, showMarker) { // check to see if input string is a lat/long var p = []; var parts = address.split(','); if(parts.length > 1) { // change lat/long coords to map coords p[0] = parts[1]; p[1] = parts[0]; if (srs == defaultSrs) { var point = geogs2google(p); p = decodePoint(point); } else { var point = new OpenLayers.LonLat(p[0], p[1]); } // plot marker if(showMarker) { // create the vector icon on map at thgis location createVectorIcon(p[0], p[1], address); } // jump to this location var point = new OpenLayers.LonLat(p[0], p[1]); var zmLevel = 19; if(startBasemap == 'nearmap'){zmLevel = 20;} map.setCenter(new OpenLayers.LonLat(p[0], p[1]), zmLevel); return true; } else{ return false; } } function proxyRequest(request, file, type) { // make sure url is set //alert(request) var appsUrl = applicationBase+'cf/proxycall.cfm?'; // set up the parameter list var query = 'url='+meshBlocksBase.split('?')[0]+"&"+request+"&numakey="+numapsKey+"&domain=*.numaps.com.au"; //alert('inside Proxy server = '+appsUrl + query+"\n\n") // do the proxy request ajaxRequest = fetchXml(appsUrl, query, false, type); if (ajaxRequest.status != 200) {alert('error with this URL : '+appsUrl + query); return ajaxRequest;} return ajaxRequest; } //http://staging.demos.numaps.com.au/nuserv/cf/proxycall.cfm?url=http://staging.ws.numaps.com.au/nuserv.cfm&request=numagetattributestats&layer=POA_MARITAL_STATUS:ABS&attribute=PERSONS_TOTAL_DIVORCED function proxyRequestPhp(uri, request, file, type) { // execute the request via proxy server var appsUrl = applicationBase+'inc/proxyCall.php?'; // PHP version var query = 'url='+meshBlocksBase.split('?')[0]+"&"+request; //alert(appsUrl + query) ajaxRequest = fetchXml(appsUrl, query, true, type); if (ajaxRequest.status != 200) {alert('error within proxyRequest function'); return ajaxRequest;} return ajaxRequest; } //--------------- Generic function to launch a PopUp window --------------------// function makePopup(url, wdth, hght, overflow) // overflow can be 'scroll', 'resize' or 'both' { if(win) {win.close();} if ( (url != "") && (url) ) { if (hght > 800) {hght = 800;} if (wdth > 800) {wdth = 800;} if (overflow == '' || !/^(scroll|resize|both)$/.test(overflow)) { overflow = 'both';} //alert(wdth+" : "+hght) var params = 'width='+wdth+ ', height='+hght+ ', top=100, left=100'+ ', scrollbars='+(/^(scroll|both)$/.test(overflow) ? 'yes' : 'no')+ ', resizable=' +(/^(resize|both)$/.test(overflow) ? 'yes' : 'no')+ ', status=yes'+ ', toolbar=no'+ ', menubar=yes'+ ', location=no'+ ', alwaysRaised'; // Now launch the window win = window.open (url, '', params); //win.setZOptions('alwaysRaised'); return win; } } function pause(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } } // ---------------- function to launch a sized window --------------- function popUp(Url) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(Url, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=0,menubar=0,resizable=1,width=650,height=300,left = 200,top = 200');"); } function killit(path, delfile) { // this will remove the file called 'temp' from the disk var url='inc/deletefile.php?'; var query="path="+path+"&file="+delfile; loadXml(url, query); return true; } //---------------- delete a file on the server ---------------------// function deleteit(delfile) { //alert ('file for delete in deleteit = '+delfile) // this will remove the file called delfile passed in from the server var url='inc/deleteit.php'; var query="?file="+delfile; //alert(url+query) if(!loadXml(url, query, false)) {return false;} return true; } // -------------------- function to bind an event to an object ------------------------ function bindEvent(object, event, fnct, status) { if (status) status=false; if (object.addEventListener) { object.addEventListener(event, fnct, status); }// for FF else { object.attachEvent("on"+event, fnct); }// for IE } function unload() { map.destroy; OpenLayers.Event.observe(window, 'unload', OpenLayers.Event.unloadCache, false); GUnload(); } function roundNumber(num, dec) { var result = Math.round(num*Math.pow(10,dec))/Math.pow(10,dec); return result; } //------------ check that the file of a certain extenstion type is already on server ------------------- function checkFileExists(checkFile, collPath, collExts) { //alert('file = '+checkFile) //alert('path = '+collPath) //alert('ext = '+collExts) // get a directory list of files from server in XML getFolderList(collPath, collExts); // scan through the list of files var fileList = ajaxRequest.responseXML.getElementsByTagName("files"); var fileNames = fileList[0].getElementsByTagName("file"); for (var k=0; k> "+oldFileName) var url = "inc/renameFile.php"; var params = "?oldFile="+oldFileName+"&newFile="+newFileName+"&path="+path; //alert (url+query) loadXml(url, params); return true; } //------------------ get the file size ------------------------ function fileSize(processFile) { // check that file exists var filesize = ''; var params = '?file='+processFile; ajaxRequest = loadXml(applicationBase+'inc/FileSize.php', params, false); filesize = ajaxRequest.responseText; //alert('file size = '+filesize); return filesize; } // ----------- general routine to rename a file ------------ function renameFileText (oldFileName, newFileName, path) { //alert (newFileName+" >> "+oldFileName) var url = applicationBase+"inc/renameFile.php"; var params="?oldFile="+oldFileName+"&newFile="+newFileName+"&path="+path; //alert (url+query) ajaxRequest = loadXml(url, params, false); fileRenamed = ajaxRequest.responseText; if (fileRenamed == 'true') {return true;} else {return false;} } function dumpData(X,Y,file) { // convert to lat longs var p=[]; for (var i=0; i> "+url+params) ajaxRequest = loadXml(url, params, false); if(ajaxRequest.status == 200) { var status = ajaxRequest.responseXML.getElementsByTagName("status")[0].firstChild.nodeValue; //alert("replacefile.cfm return = "+status) if(status == 'false'){ return false;} else {return true;} } else{return false;} } //------------------ check if a file is present on server disk via text file ------------------------ function filePresent(processFile) { // check that file exists //alert(processFile) var params = '?file='+processFile; ajaxRequest = loadXml(applicationBase+'inc/FileExistsText.php',params, false); var filePres = ajaxRequest.responseText; if (filePres == 'true') {return true;} else {return false;} } //------------------ check if a file is present on server disk via XML (not working) ------------------------ function filePresentXML(processFile) { // check that file exists var filePresent = 'false'; var params = '?file='+processFile; ajaxRequest = loadXml(applicationBase+'inc/FileExists.php',params, false); var files = ajaxRequest.responseXML.getElementsByTagName('Files'); filePresent = files[0].getElementsByTagName('File')[0].firstChild.nodeValue; if (filePresent == 'true') {return true;} else {return false;} } //--------------------- get a list of files from the server ---------------------- function getFolderList(collPath, collExts) { // set up for folder scan var filesList = "data/list"+new Date().getTime()+".xml"; // temporary file to hold the list var relPath = collPath.split(applicationBase); //alert(relPath) var query="?path=/"+relPath[1]+"&ext="+collExts+"&file="+filesList; //alert(query) var getFilesUrl = applicationBase+"inc/getfile_list.php"; //create a new filesList.xml file on server (directory Listing) if(!makeXml(getFilesUrl, query, false)) {alert ('Unable to make the XML file on the server'); return false;} // load the XML into the application DOM var query=''; var filesLists = "inc/"+filesList; ajaxRequest = loadXml(filesLists, query, false); if(!ajaxRequest.responseXML.getElementsByTagName("files")) { alert ('Unable to return the XML file from the server'); return false;} // delete the temporary XML file listing on server deleteit(filesList); return true; } //------------ checks that a number is even ---------------// function evenCheck (numb) { var intNo = parseInt(numb); var rem = intNo/2; var diff = Math.ceil(rem) - Math.floor(rem); if (diff == 0) { return true; } else { return false; } } //----------- checks if a value is numeric ---------------// function checkNumeric(value) { //alert(value); var anum=/(^\d+$)|(^\d+\.\d+$)/ ; if (anum.test(value)) return true; return false; } //--------------Find a centroid of a polygon array ---------------------// function findCentroid(vertices, area) { // this actual calculates the center of mass. var cx = 0; var cy = 0; var centroid = 0; var i, j, n = vertices.length; var factor = 0; // make sure the polygon closes if (vertices[0].y == vertices[vertices.length - 1].y && vertices[0].x == vertices[vertices.length - 1].x) { // do nothing. } else { // We must close the polygon by adding the first vertices to also be the last. vertices[vertices.length] = vertices[0]; } // accumulate the geometry values for (i=0; i> "+strSubString) var strText = this; strText = strText.toUpperCase(); strTarget = strTarget.toUpperCase(); strSubString = strSubString.toUpperCase(); var intIndexOfMatch = strText.indexOf( strTarget ); // Keep looping while an instance of the target string // still exists in the string. while (intIndexOfMatch != -1) { //alert(intIndexOfMatch) // Relace out the current instance. strText = strText.replace( strTarget, strSubString ); // Get the index of any next matching substring. intIndexOfMatch = strText.indexOf( strTarget ); } // Return the updated string with ALL the target strings // replaced out with the new substring. return strText; } // function to check for a CR to complete a data entry field function checkEnter(e,id) { var characterCode; if(e && e.which) { e = e; characterCode = e.which; } else { e = e; characterCode = e.keyCode; } // on carriage return trigger action if(characterCode == 13) { document.getElementById('search').value = document.getElementById(id).value; if(document.getElementById('search01')) {document.getElementById('search01').value = document.getElementById(id).value;} // document.getElementById('propertyButt').className="standardButton" ; // document.getElementById('propertyControl').title='show boundary at address'; //alert('button changed?') lastAccuracy = -1; showAddress(country, 'geocoder', id, 'selector', 'selForm', 'selBox', 'messHolder', srs); } } // function to check for a CR to complete a data entry field function checkEnterAddress(e, newAddr) { var characterCode; if(e && e.which) { e = e; characterCode = e.which; } else { e = e; characterCode = e.keyCode; } // on carriage return trigger action if(characterCode == 13) { //alert('new addr = '+newAddr) // geocode the new address geocoder.getLocations(newAddr, function (result) { // Only one in collection so plot it only var p = result.Placemark[0].Point.coordinates; var currentAccuracy = result.Placemark[0].AddressDetails.Accuracy; if(currentAccuracy >= 4) {// transform geogs to google if required if (srs == defaultSrs) { var point = geogs2google(p); p = decodePoint (point); baseCoords[0] = p[0]; baseCoords[1] = p[1]; } else { baseCoords[0] = p[0]; baseCoords[1] = p[1]; } //alert(baseCoords) // create the vector marker for the territory Home location makeHomeMarker(true); } else{alert ('unable to geocode this new address - try again');} }); } //showAddress(country, 'geocoder', id, 'selector', 'selForm', 'selBox', 'messHolder', srs); } // function to check for an address entry with CR to complete a data entry field function addrKeyboard(e, id) { var characterCode = null; if(e && e.which){ e = e; characterCode = e.which } else{e = e; characterCode = e.keyCode } if(characterCode == 32 || characterCode == 13 ) { geocodeAddress(country, 'geocoder', 'search', 'selectit', 'selForm2', 'selBox', '', srs, document.getElementById(id).value); } else if(characterCode == 13 ) { //start = document.getElementById(id).value ; start =''; geocodeAddress(country, 'geocoder', 'search', 'selector', 'selForm', 'selBox', 'messHolder', srs, start) } } function checkEntry(e) { var characterCode if(e && e.which) { e = e characterCode = e.which } else { e = event characterCode = e.keyCode } var value2 = document.getElementById('graphCols').value; if(value2.length == 1 && characterCode == 8) { document.getElementById('graphRadio').style.display='none'; document.getElementById('refreshTitle').style.display='none';} else { document.getElementById('graphRadio').style.display='block'; document.getElementById('refreshTitle').style.display='block'; } } function checkEnterFile(e, file) { var characterCode if(e && e.which) { e = e characterCode = e.which } else { e = event characterCode = e.keyCode } if(characterCode == 13) { saveNewDrapeFile(file); return false }else { return true} } function checkEnterKeyword(e, keywordObj) { var characterCode if(e && e.which) { e = e characterCode = e.which } else { e = event characterCode = e.keyCode } if(characterCode == 13) { if(keywordObj.id == 'keyword') { findIt(keyword.value, "searchResults"); return false;} else if(keywordObj.id == 'ddrapeWords') { setCheckBoxes(keywordObj.value); return false;} else { return true;} } } function progress(barId, amessage, complete) { //alert('message = '+amessage+ ' percent = '+complete); var progressBarHolder = document.getElementById(barId); if(amessage == '') { checkRemoveObject('indicatorText') ; progressBarHolder.style.backgroundColor ='transparent'; return; } // set up a text tag if first time and update as you go if(complete != '') {var newText = amessage+" "+complete+"%";} else {var newText = amessage;} // create a new Div and add new text //checkRemoveObject('indicText'); checkRemoveObject('indicatorText') ; var progBar = document.createElement('div'); progBar.id = 'indicatorText'; progBar.setAttribute("id", 'indicatorText'); var textNode = document.createTextNode(newText); // position the text Div node inside progressBarHolder progBar.style.position='absolute'; progBar.style.top='2px'; progBar.style.left='6px'; progBar.style.height='12px'; progBar.style.width='90px'; progBar.style.textAlign='center'; progBar.style.backgroundColor='transparent'; progBar.style.zIndex='2000'; progBar.style.fontSize='10px'; //progBar.style.border='1px solid red'; progBar.appendChild(textNode); progressBarHolder.appendChild(progBar); progressBarHolder.style.textAlign='center'; if(complete == ''){complete=100;} // update the file progress bar with complete which should be a % integer progressBarHolder.style.width = complete+'%'; progressBarHolder.style.backgroundColor = '#FFFFD4'; progressBarHolder.style.display = 'block'; } // ------------ This will build a progress bar inside 'barId' to a percent 'complete' ---------------// function progressBar(barId, amessage, complete) { //alert('message = '+amessage+ ' percent = '+complete); var progressBarHolder = document.getElementById(barId); if(amessage == '') { checkRemoveObject('indicatorText') ; progressBarHolder.style.backgroundColor ='transparent'; return; } // set up a text tag if first time and update as you go if(complete != '') {var newText = amessage+" "+complete+"%";} else {var newText = amessage;} // create a new Div and add new text //checkRemoveObject('indicText'); checkRemoveObject('indicatorText') ; var progBar = document.createElement('div'); progBar.id = 'indicatorText'; progBar.setAttribute("id", 'indicatorText'); var textNode = document.createTextNode(newText); // position the text Div node inside progressBarHolder progBar.style.position='absolute'; progBar.style.top='2px'; progBar.style.left='6px'; progBar.style.height='12px'; progBar.style.width='90px'; progBar.style.textAlign='center'; progBar.style.backgroundColor='transparent'; progBar.style.zIndex='1000'; progBar.style.fontSize='10px'; //progBar.style.border='1px solid red'; progBar.appendChild(textNode); progressBarHolder.appendChild(progBar); progressBarHolder.style.textAlign='center'; if(complete == ''){complete=100;} // update the file progress bar with complete which should be a % integer progressBarHolder.style.width = complete+'%'; progressBarHolder.style.backgroundColor = '#FFFFD4'; progressBarHolder.style.display = 'block'; } // ------------------ function to check if object exists and if so remove it -------------------- function checkRemoveObject(oId) { if (document.getElementById(oId)) { var obj = document.getElementById(oId); obj.parentNode.removeChild(obj); obj.value=null; return true; } return false; } // ------------ This will build a vertical record pointer bar inside 'barId' to a percent 'complete' ---------------// function recordNumber (barId, currPointer, totalNumber) { // set up a text tag if first time and update as you go var progressBarHolder = document.getElementById(barId); var newText = 'Record Num '+currPointer; var complete = Math.ceil(parseInt(currPointer)/parseInt(totalNumber)*100); // create a new Div and add new text //checkRemoveObject('indicatorText') ; checkRemoveObject('indicText'); var progressBar = document.createElement('div'); progressBar.id = 'indicText'; progressBar.setAttribute("id", 'indicText'); var textNode = document.createTextNode(newText); // position the text Div node inside progressBarHolder progressBar.style.position='absolute'; progressBar.style.top='2px'; //progressBar.style.left='6px'; progressBar.style.height='12px'; progressBar.style.width='90px'; if(barId == 'progBar2'){progressBar.style.width='190px';} progressBar.style.backgroundColor='transparent'; progressBar.style.zIndex='1000'; progressBar.style.fontSize='10px'; //progressBar.style.border='1px solid red'; progressBar.appendChild(textNode); progressBarHolder.appendChild(progressBar); progressBarHolder.style.textAlign='center'; // update the file progress bar with complete which should be a % integer progressBarHolder.style.width = complete+'%'; progressBarHolder.style.maxWidth='93px'; if(barId == 'progBar2'){progressBarHolder.style.maxWidth='196px';} //progressBarHolder.style.paddingRight='2px'; progressBarHolder.style.backgroundColor = '#ECE9D8'; progressBarHolder.style.borderRight = '2px solid gray'; progressBarHolder.style.display = 'block'; } // ------------- date stamp ----------- function getStamp() { stamp = new Date().getTime(); return stamp; } // ----------------- create a readout of the percentage on the slider bar --------------------------- function showPercent(sliderPosition) { var pos = document.getElementById('position'); checkRemoveObject('posBox'); var text = Math.round( 100 * sliderPosition ) ; var posBox = document.createElement('div') posBox.id='posBox'; posBox.setAttribute('id','posBox'); var postext=document.createTextNode(text); posBox.appendChild(postext); pos.appendChild(posBox); } // ----------------- mouse slider function -------------------- function moveFunction(sliderPosition) { // keep the slider bar iwth the mouse myslider.setPosition(sliderPosition); // echo the percentage position in a div - optional //showPercent(sliderPosition); if(DemoDrape) { // set the new opacity for the layer newOpacity = (parseFloat(sliderPosition)).toFixed(1); newOpacity = Math.min(maxOpacity, Math.max(minOpacity, newOpacity)); DemoDrape.setOpacity(newOpacity); } } // ----------------- this fixes it after the mouse has stopped ------------------- function stopFunction(sliderPosition) { //do something with the position of the slider myslider.setPosition(sliderPosition); //all done, save last known position for purposes of disabling lastKnownPosition = sliderPosition; //Now apply the new opacity to the active legend //alert ('newOpacity= '+newOpacity) if (DemoDrape){legendBuilder("mapSurround", sldUrl, newOpacity, dvbdy1, dvhdr1, print, mode);} //buildLegend (sldUrl, legendBackground, legend, legendTitle, legendTable, legendBox, legendText, tdCell, newOpacity, dvbdy1, dvhdr1); //window.alert( 'The final position is ' + Math.round( 100 * sliderPosition ) + '%' ); } // ----------------- Main slider function to be included in HTML where needed ----------------- function displayDrapeSlider(top, left, horiz, sliderBack) { if(!horiz || horiz == null) { // vertical slider var trkHt = 108; var trkWd = 19; var butHt = 5; var butWd = 17; } else { // horizontal slider var trkHt = 19; var trkWd = 108; var butHt = 17; var butWd = 5; } // style controls of slider myslider = new slider( trkHt, //height of track trkWd, //width of track 'transparent', //colour of track 0, //thickness of track border 'transparent', //colour of track border 0, //thickness of runner (in the middle of the track) '#000000', //colour of runner butHt, //height of button butWd, //width of button '#999999', //colour of button 1, //thickness of button border (shaded to give 3D effect) '<\/span>', //text of button (if any) horiz, //direction of travel (true = horizontal, false = vertical) 'moveFunction', //the name of the function to execute as the slider moves 'stopFunction', //the name of the function to execute when the slider stops //the functions must have already been defined (or use null for none) true, //optional, false = use default cursor over button, true = use hand cursor sliderBack // the src of the background Image to be used for slider ); // Initialise slider lastKnownPosition=0.0; if (opacityValue){ lastKnownPosition = opacityValue;} myslider.setPosition(lastKnownPosition); //showPercent(lastKnownPosition); //document.write(''); } // ----------------- mouse slider function -------------------- function moveTerritoryFunction(sliderPosition2) { // keep the slider bar iwth the mouse terrSlider.setPosition(sliderPosition2); // echo the percentage position in a div - optional if(territory) { // set the new opacity for the layer newOpacity2 = (parseFloat(sliderPosition2)).toFixed(1); newOpacity2 = Math.min(maxOpacity, Math.max(minOpacity, newOpacity2)); territory.setOpacity(newOpacity2); } } // ----------------- this fixes it after the mouse has stopped ------------------- function stopTerritoryFunction(sliderPosition2) { //do something with the position of the slider terrSlider.setPosition(sliderPosition2); //all done, save last known position for purposes of disabling lastKnownPosition2 = sliderPosition2; //alert(lastKnownPosition2) } // ----------------- Main slider function to be included in HTML where needed ----------------- function displayTerritorySlider(top, left, horiz, sliderBack) { if(!horiz || horiz == null) { // vertical slider var trkHt = 108; var trkWd = 19; var butHt = 5; var butWd = 17; } else { // horizontal slider var trkHt = 19; var trkWd = 108; var butHt = 17; var butWd = 5; } // style controls of slider terrSlider = new slider( trkHt, //height of track trkWd, //width of track 'transparent', //colour of track 0, //thickness of track border 'transparent', //colour of track border 0, //thickness of runner (in the middle of the track) '#000000', //colour of runner butHt, //height of button butWd, //width of button '#999999', //colour of button 1, //thickness of button border (shaded to give 3D effect) '<\/span>', //text of button (if any) horiz, //direction of travel (true = horizontal, false = vertical) 'moveTerritoryFunction', //the name of the function to execute as the slider moves 'stopTerritoryFunction', //the name of the function to execute when the slider stops //the functions must have already been defined (or use null for none) true, //optional, false = use default cursor over button, true = use hand cursor sliderBack // the src of the background Image to be used for slider ); // Initialise slider //alert('opacity = '+opacityValue2) lastKnownPosition2 = 0.0; if (opacityValue2){ lastKnownPosition2 = opacityValue2;} terrSlider.setPosition(lastKnownPosition2); //showPercent(lastKnownPosition); //document.write(''); } function convertRBGtoHEX(rgbString) { var rgbNumbs = rgbString.replace(/rgb/,''); var rgbNumbs = rgbNumbs.replace(/\(/,''); var rgbNumbs = rgbNumbs.replace(/\)/,''); var R = rgbNumbs.split(',')[0]; var G = rgbNumbs.split(',')[1]; var B = rgbNumbs.split(',')[2]; var hex = RGBtoHex(R,G,B); return hex; } function RGBtoHex(R,G,B) {return toHex(R)+toHex(G)+toHex(B)} function toHex(N) { if (N==null) return "00"; N=parseInt(N); if (N==0 || isNaN(N)) return "00"; N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N); return "0123456789ABCDEF".charAt((N-N%16)/16) + "0123456789ABCDEF".charAt(N%16); } // function to get cookie value from cookie name function getCookies(searchName) { var cookies = document.cookie.split(";") for (var i=0; i < cookies.lenght; i++); { var cookieCrumbs = cookies[i].split("="); var cookieName = cookieCrumbs[0]; var cookieValue = cookieCrumbs[1]; if (cookieName == searchName) { return cookieValue; // I assume = true/false? } } return false; } function getThisId(evt) { // cross browser tool to determine objects ID from an event trigger var e_out; var ie_var = "srcElement"; var moz_var = "target"; var prop_id = "id"; // "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE evt[moz_var] ? e_out = evt[moz_var][prop_id] : e_out = evt[ie_var][prop_id]; return e_out; } // random colour generator function random_color(format) { // format = 'hex' or 'rgb' var rint = Math.round(0xffffff * Math.random()); switch(format) { case 'hex': return ('#0' + rint.toString(16)).replace(/^#0([0-9a-f]{6})$/i, '#$1'); break; case 'rgb': return 'rgb(' + (rint >> 16) + ',' + (rint >> 8 & 255) + ',' + (rint & 255) + ')'; break; default: return rint; break; } } function boundaryRequired() { // first get the selected target polygon var pLayers='NONE'; if(document.getElementById('polyLayers') ) { var selectObject = document.getElementById('polyLayers'); pLayers = selectObject.options[selectObject.selectedIndex].value; } return pLayers; } function textDisplay(targetId, text) { if(targetId) { // generic function to stuff a text string (text) into the target Object defined by its ID (targetId) var drapeWindow = document.getElementById(targetId); checkRemoveObject('spanit'); var span = document.createElement('span'); span.id='spanit'; span.setAttribute('id','spanit'); span.style.fontSize='10px'; span.style.paddingLeft='3px'; var textObj = document.createTextNode(text); span.appendChild(textObj); drapeWindow.appendChild(span); drapeWindow.value = text; } } function getListOfFiles(folder) { // get list of files from the target folder var query="?path=inc/"+folder+"&time="+new Date().getTime(); // added the time stamp because IE caches this request var getFilesUrl = applicationBase+"inc/getXmlFiles.php"; ajaxRequest = loadXml(getFilesUrl, query, false); if(ajaxRequest.status !== 200){return 'error';} else {return ajaxRequest;} } // function to convert an input string so that the first letter of each word is a capital and all others are lowercase function capitaliseIt(string) { var nameParts = string.split(" "); if(nameParts.length > 1) { for (var i = 0; iArea boundariesAreas"; maskSld+= "Masked Area"+attName+" != '"+attValue+"'"+maskColor+""+maskOpacity+""; maskSld+= ""; // create the Mask layer maskLayer = new OpenLayers.Layer.WMS( "Mask Layer", meshBlocksBase, { sld_Body: maskSld, format: 'image/png', version:'1.1.3', quality: 'BEST', reaspect: false, transparent: true}, { tileSize: new OpenLayers.Size(512,512)}); maskLayer.addOptions({isBaseLayer: false, buffer:2, visibility: false, reproject:true}); map.addLayer(maskLayer); maskLayer.setZIndex(map.Z_INDEX_BASE['Popup'] -4200); // build the sld_body string polySld = ""; polySld+= ""+thisLayer+"Area boundariesAreas"; polySld+= "Highlighted Area"+attName+" = '"+attValue+"'transparent"+borderColor+""+borderThickness+""; polySld+= ""; // create the Polygon Highlight layer polygonLayer = new OpenLayers.Layer.WMS( "Polygon Layer", meshBlocksBase, { sld_Body: polySld, format: 'image/png', version:'1.1.3', quality: 'BEST', reaspect: false, transparent: true}, { tileSize: new OpenLayers.Size(512,512)}); polygonLayer.addOptions({isBaseLayer: false, buffer:2, visibility: false, reproject:true}); map.addLayer(polygonLayer); polygonLayer.setZIndex(map.Z_INDEX_BASE['Popup'] -4150); // build the sld_body string for label layer labelSld = ""; labelSld+= ""+thisLayer+"Area boundariesAreas"; labelSld+= "Highlighted Area"+attName+" = '"+attValue+"'"+attName+"Verdana18#000000"+borderColor+""; labelSld+= ""; // create the Polygon Highlight layer labelLayer = new OpenLayers.Layer.WMS.Untiled( "Label Layer", meshBlocksBase, { sld_Body: labelSld, format: 'image/png', version:'1.1.3', quality: 'BEST', reaspect: false, transparent: true}, { tileSize: new OpenLayers.Size(512,512)}); labelLayer.addOptions({isBaseLayer: false, buffer:2, visibility: false, reproject:true}); map.addLayer(labelLayer); labelLayer.setZIndex(map.Z_INDEX_BASE['Popup'] -4150); } // functuion to determine if a point is inside or outside a polygon function pointInPolygon(allX, allY, Xcoord, Ycoord, pBbox) { //----------------------------------------------------------------------- // allX and allY are arrays containg polygon geometry // Xcoord & Ycoord contains point to be tested // pBbox contains a string of bounding box coords like loX+","+loY+" "+hiX+","+hiY; // usage: // if(pointInPolygon(allX,allY, Xcoord, Ycoord, pBbox)) // returns true if point in polygon otherwise false //----------------------------------------------------------------------- // get the coordinates of testing line var hiRight= pBbox.split(' ')[1]; var hiX = hiRight.split(',')[0]; var x1 = parseFloat(Xcoord); var y1 = parseFloat(Ycoord); var x2 = parseFloat(hiX); var y2 = parseFloat(Ycoord); var ints = 0; //alert('p1 = '+x1+", "+y1+' p2 = '+x2+', '+y2) // for each line in the array test to see in there is an intersection with the test line for(var i=0; i= 0.0 && Ua <= 1.0 && Ub >= 0.0 && Ub <= 1.0) { ints=ints+1 var newX = x1 + (Ua*(x2-x1)); var newY = y1 + (Ua*(y2-y1)); } } } // test to see if ints is odd or even number if(evenCheck(ints)){return false;} else{ return true;} } // ----------------- create a readout of the percentage on the slider bar --------------------------- function showValue(sliderPosition, id) { // calculate new value var delta = numaMax-numaMin; var offset = sliderPosition*delta; var text = Math.round(numaMin + offset); document.getElementById(id).value=text; } // ----------------- mouse slider function -------------------- function moveFunction1(sliderPosition1) { // keep the slider bar iwth the mouse myslider1.setPosition(sliderPosition1); // echo the percentage position in a div - optional showValue(sliderPosition1, 'loValue'); } // ----------------- this fixes it after the mouse has stopped ------------------- function stopFunction1(sliderPosition1) { // only move slider in increments defind by steps var delta = numaMax-numaMin; var offset = sliderPosition1*delta; var text = Math.round(numaMin + offset); var nearestStep = Math.round(text/steps); nearestStep = nearestStep*steps; sliderPosition1 = (nearestStep-numaMax)/delta; // echo the percentage position in a div - optional showValue(sliderPosition1, 'loValue'); //do something with the position of the slider myslider1.setPosition(sliderPosition1); //all done, save last known position for purposes of disabling lastKnownPosition1 = sliderPosition1; } // ----------------- mouse slider function -------------------- function moveFunction2(sliderPosition2) { // keep the slider bar iwth the mouse myslider2.setPosition(sliderPosition2); // echo the percentage position in a div - optional showValue(sliderPosition2, 'hiValue'); } // ----------------- this fixes it after the mouse has stopped ------------------- function stopFunction2(sliderPosition2) { // only move slider in increments defind by steps var delta = numaMax-numaMin; var offset = sliderPosition2*delta; var text = Math.round(numaMin + offset); var nearestStep = Math.round(text/steps); nearestStep = nearestStep*steps; sliderPosition2 = (nearestStep-numaMax)/delta; // echo the percentage position in a div - optional showValue(sliderPosition2, 'hiValue'); //do something with the position of the slider myslider2.setPosition(sliderPosition2); //all done, save last known position for purposes of disabling lastKnownPosition2 = sliderPosition2; } // ----------------- Mouse slider1 function to be included in HTML where needed ----------------- function displayDoubleSlider() { // set some defaults var butHt = 17; var butWd = 5; var trkWd = 140; var trkHt = 4; // style controls of slider myslider1 = new slider( 4, //width of track 165, //height of track "#D2D2D2", //colour of track 0, //thickness of track border 'transparent', //colour of track border 0, //thickness of runner (in the middle of the track) '#000000', //colour of runner 12, //height of button 5, //width of button '#999999', //colour of button 1, //thickness of button border (shaded to give 3D effect) '<\/span>', //text of button (if any) true, //direction of travel (true = horizontal, false = vertical) 'moveFunction1', //the name of the function to execute as the slider moves 'stopFunction1', //the name of the function to execute when the slider stops //the functions must have already been defined (or use null for none) true, //optional, false = use default cursor over button, true = use hand cursor '' // the src of the background Image to be used for slider ); // also create the second slider myslider2 = new slider( -3, //width of track 165, //height of track "#ff0000", //colour of track 0, //thickness of track border 'transparent', //colour of track border 0, //thickness of runner (in the middle of the track) 'transparent', //colour of runner 12, //height of button 5, //width of button '#999999', //colour of button 1, //thickness of button border (shaded to give 3D effect) '<\/span>', //text of button (if any) true, //direction of travel (true = horizontal, false = vertical) 'moveFunction2', //the name of the function to execute as the slider moves 'stopFunction2', //the name of the function to execute when the slider stops //the functions must have already been defined (or use null for none) true, //optional, false = use default cursor over button, true = use hand cursor '' // the src of the background Image to be used for slider ); // Initialise first slider lastKnownPosition1 =0.0; myslider1.setPosition(lastKnownPosition1); showValue(lastKnownPosition1, 'loValue'); // Initialise second slider lastKnownPosition2 = 1.0; myslider2.setPosition(lastKnownPosition2); showValue(lastKnownPosition2, 'hiValue'); } function decodePoint(point) { // this just puts the lon lats into the p array var p = []; p[0] = point.lon; p[1] = point.lat; /* //break the coordinate pair into its parts var tmpLL = point.toString(); var tempP = tmpLL.split(','); // stuff parts into an array of [pX, pY] or [pLng, pLat] var p = []; var lng = tempP[0].split('='); p[0] = lng[1]; var lat = tempP[1].split('='); p[1] = lat[1]; */ return p; } function geogs2google (p) { // construct an openlayers object from input p array var lonlat = new OpenLayers.LonLat(p[0], p[1]); // use OL to reproject from geographicals to East North var point = lonlat.transform(new OpenLayers.Projection("EPSG:4326"), new OpenLayers.Projection("EPSG:900913")); return point; } function google2geogs (p) { // construct an openlayers object from input p array var lonlat = new OpenLayers.LonLat(p[0], p[1]); // use OL to reproject from East Nort to geographicals var point = lonlat.transform(new OpenLayers.Projection("EPSG:900913"), new OpenLayers.Projection("EPSG:4326")); return point; } var originalWidth = window.outerWidth var originalHeight = window.outerHeight function setInner(width, height) { window.innerWidth = width window.innerHeight = height } function setOuter(width, height) { window.outerWidth = width window.outerHeight = height } function restore() { window.outerWidth = originalWidth window.outerHeight = originalHeight }