CINXE.COM

GeaBios - Tiny WMS/WFS Client - Satellite Mapping Application with Search - ACADEMA

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>GeaBios - Tiny WMS/WFS Client - Satellite Mapping Application with Search - ACADEMA</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="resource-type" content="document"/> <meta name="distribution" content="global"/> <meta name="description" content="Satellite Mapping Application"/> <meta name="Keywords" content="WMS,WFS,GIS,Satellite images,Flash"/> <style> #academa-title {position:absolute;left:19px;top:0px;color:black;background:transparent;border:0;padding:0;margin:0;font-family:Arial Black,Verdana,Helvetica,Sans-Serif;font-weight:bold;font-style:italic;font-size:45px;letter-spacing:-5px;} #academa-title-background {width:100%;height:67px;background:white no-repeat;background-image:url("/dhtml/alayout/title-background.jpg");background-position:0 0;} #academa-sub-title {position:absolute;left:19px;top:52px;color:black;background:transparent;padding:0;margin:0;border:0;font-family:Verdana,Helvetica,Sans-Serif;font-size:11px;} a:link { text-decoration:underline;color:rgb(66,106,123);} a:link:hover {color:rgb(66,106,123);} a:visited {color:rgb(66,106,123);} a:visited:hover {color:rgb(66,106,123);} li {margin-left:10px} .intext {font-size: 10px;font-weight:normal;background:white} </style> <script src="http://www.geabios.com/library/jscript/misc/public.js"></script> <link type="text/css" rel="StyleSheet" href="http://www.geabios.com/dhtml/aslider/aslider.css"/> <script src="http://www.geabios.com/dhtml/aslider/atimer.js"></script> <script src="http://www.geabios.com/dhtml/aslider/arange.js"></script> <script src="http://www.geabios.com/dhtml/aslider/aslider.js"></script> <script type="text/javascript"> //<![CDATA[ var ua = navigator.userAgent; var opera = /opera [56789]|opera\/[56789]/i.test(ua); var ie = !opera && /msie [56789]/i.test(ua); var moz = !opera && /mozilla\/[56789]/i.test(ua); var warning = 2; var aSource = new Array(0); var aReference = new Array(0); var aTarget = new Array(0); var iTimerID = 0; window.onresize = function () { var banner = null; if( (banner = document.getElementById("banner")) != null ) banner.style.left = (((getWindowWidth() - 468 - (moz||opera?25:5)) < 492 )?(getWindowWidth() - 468 - (moz||opera?25:5)):492) + "px"; } function loadBannerImage() { var banner = document.getElementById("banner"); var i = 0; aSource[i] = "http://www.geabios.com/images/banner/wannafly.gif"; aReference[i] = "http://www.academa.si"; aTarget[i] = "_top"; i++; aSource[i] = "http://www.geabios.com/images/banner/academa.gif"; aReference[i] = "http://www.academa.si"; aTarget[i] = "_top"; i++; aSource[i] = "http://www.geabios.com/images/banner/bomber.gif"; aReference[i] = "http://www.geabios.com"; aTarget[i] = "_top"; i++; aSource[i] = "http://www.geabios.com/images/banner/bananasoft.jpg"; aReference[i] = "http://www.geabios.com"; aTarget[i] = "_top"; i++; aSource[i] = "http://www.geabios.com/images/banner/shesaidbutiknow.gif"; aReference[i] = "http://www.geabios.com"; aTarget[i] = "_top"; i++; // aSource[i] = "http://www.geabios.com/images/banner/explodedhead.gif"; aReference[i] = "http://www.geabios.com"; aTarget[i] = "_top"; i++; aSource[i] = "http://www.geabios.com/images/banner/geabios_32barv.gif"; aReference[i] = "http://www.geabios.com"; aTarget[i] = "_top"; i++; aSource[i] = "http://www.geabios.com/images/banner/gentoo.gif"; aReference[i] = "http://www.geabios.com"; aTarget[i] = "_top"; i++; var nItem = Math.floor( aSource.length * Math.random()); banner.innerHTML = ((ie)?'<div id="oTransContainer" style="width:468px;height:60px;filter:progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0) ">':'') +'<a id="BannerReference" href="'+aReference[nItem]+'" target="'+aTarget[nItem]+'" onMouseOver="BannerStop();" onMouseOut="BannerStart();"><img id="BannerSource" src="'+aSource[nItem]+'" border=0></a>'+((ie)?'</div>':''); banner.style.top = "4px"; if( window.onresize != null ) banner.style.left = (((getWindowWidth() - 468 - (moz||opera?25:5)) < 492 )?(getWindowWidth() - 468 - (moz||opera?25:5)):492) + "px"; else banner.style.left = "80px"; banner.style.visibility = "visible"; BannerStart(); } function ChangeBanner() { if(ie && typeof(oTransContainer.filters[0]) == "object") oTransContainer.filters[0].Apply(); var nItem = Math.floor( aSource.length * Math.random()); document.getElementById("BannerSource").src = aSource[nItem]; document.getElementById("BannerReference").href = aReference[nItem]; document.getElementById("BannerReference").target = aTarget[nItem]; if(ie && typeof(oTransContainer.filters[0]) == "object") oTransContainer.filters[0].Play(); } function BannerStop() { window.clearInterval(iTimerID); } function BannerStart() { iTimerID = window.setInterval("ChangeBanner()", 30000); } writeTitle = function(s, s2) { if (s2 == null) s2 = "Advanced Computer Aided Design Engineering &amp; Manufacturing Agency"; document.write("<div id='academa-title-background'></div><a style='text-decoration:none' href='http://www.geabios.com'>" + ((s.search('(.gif|.jpg|.png)') > -1)?"<img style='position:absolute;top:10px;left:19px;border:0' src='"+s+"'>":"<h1 id='academa-title' unselectable='on'>" + s + "</h1>") + "</a><span id='academa-sub-title' unselectable='on'>" + s2 + "</span>"); } writeHeader = function(s, s2) { if(s == null ) writeTitle("ACADEMA"+"&nbsp;", "Advanced Computer Aided Design Engineering &amp; Manufacturing Agency"); else if( s2 == null ) writeTitle(s+"&nbsp;", "Advanced Computer Aided Design Engineering &amp; Manufacturing Agency"); else writeTitle((s.search('(.gif|.jpg|.png)') > -1)?s:s+"&nbsp;", s2); } getWindowWidth = function () {if(ie) return(document.documentElement.clientWidth); else return(window.innerWidth);} writeHeader('/gblogo.gif','Geo Enabled And Better Internet Oriented Services'); document.write('<div id="banner" name="banner" style="visibility:hidden;position:absolute;top:0px;left:0px;width:468px;height:60px;"></div>'); setTimeout( "loadBannerImage()", 25000 ); var idLatExport, idLonExport; function exportPosition(lat,lon,fov) { if( idLatExport && idLonExport ) { idLatExport.value = ""+lat; idLonExport.value = ""+lon; idLatExport = null; idLonExport = null; } if( geourlFlag ) geourl(lat,lon,50); var target2 = document.getElementById("bottomframe"); target2.innerHTML = "Latitude: <b>" + printDMS((lat<0?-lat:lat)) + (lat<0?"S":"N") + "</b> Longitude: <b>" + printDMS((lon<0?-lon:lon)) + (lon<0?"W":"E") + "</b> Field of view: <b>" + printDMS(fov) + "</b>"; var mlon = document.getElementById("metalon"); mlon.innerHTML = formatNumber(lon,9,5); var mlat = document.getElementById("metalat"); mlat.innerHTML = formatNumber(lat,9,5); var fLat = document.getElementById("fillLat"); fLat.innerHTML=formatNumber(lat,5,5); var fLon = document.getElementById("fillLon"); fLon.innerHTML=formatNumber(lon,5,5); var fFov = document.getElementById("fillFov"); fFov.innerHTML=formatNumber(fov,2,2); var fwLat = document.getElementById("fillWikiLat"); fwLat.innerHTML=formatNumber(lat,5,5); var fwLon = document.getElementById("fillWikiLon"); fwLon.innerHTML=formatNumber(lon,5,5); var fwFov = document.getElementById("fillWikiFov"); fwFov.innerHTML=formatNumber(fov,2,2); var fwWikiDm = document.getElementById("fillWikiDm"); fwWikiDm.innerHTML="{{coor dm|" + formatNumber(Math.abs(lat),1,0) + "|" + formatNumber(parseInt((Math.abs(lat)-parseInt(Math.abs(lat)))*100*60/100),1,0) + "|" + ((lat > 0)?"N":"S") + "|" + formatNumber(Math.abs(lon),1,0) + "|" + formatNumber(parseInt((Math.abs(lon)-parseInt(Math.abs(lon)))*100*60/100),1,0) + "|" + ((lon > 0)?"E":"W") + "}}"; var fwWikiDms = document.getElementById("fillWikiDms"); fwWikiDms.innerHTML="{{coor dms|" + formatNumber(Math.abs(lat),1,0) + "|" + formatNumber(parseInt((Math.abs(lat)-parseInt(Math.abs(lat)))*100*60/100),1,0) + "|" + formatNumber(parseInt((Math.abs(lat*60)-parseInt(Math.abs(lat*60)))*100*60/100),1,0) + "|" + ((lat > 0)?"N":"S") + "|" + formatNumber(Math.abs(lon),1,0) + "|" + formatNumber(parseInt((Math.abs(lon)-parseInt(Math.abs(lon)))*100*60/100),1,0) + "|" + formatNumber(parseInt((Math.abs(lon*60)-parseInt(Math.abs(lon*60)))*100*60/100),1,0) + "|" + ((lon > 0)?"E":"W") + "}}"; } function setExport(idLat,idLon) { idLatExport = document.getElementById(idLat); idLonExport = document.getElementById(idLon); } function runFlatEarth(lat,lon,fov) { if( wind01 ) wind01.kill(); // wind01=new AcademaWinClass(150,200,646,500,"http://www.geabios.com/html/services/maps/worldByGoogle.htm?lat="+lat+"&lon="+lon+"&fov="+fov); wind01=new AcademaWinClass(150,200,646,500,"http://www.geabios.com/html/services/maps/FlatEarth.htm?lat="+lat+"&lon="+lon+"&fov="+fov); } function runFlatEarthLevel(lat,lon,level) { if( wind01 ) wind01.kill(); wind01=new AcademaWinClass(150,200,646,500,"http://www.geabios.com/html/services/maps/worldByGoogle.htm?lat="+lat+"&lon="+lon+"&level="+level); } var searchImagesFlag = true; function runSearchImages(name) { if( wind01 ) wind01.kill(); if( searchImagesFlag ) wind01=new AcademaWinClass(50,200,850,500,"http://images.search.yahoo.com/search/images?ei=utf-8&p="+name,true); else { wind01=new AcademaWinClass(50,200,420,520,"http://www.geabios.com/html/services/radio/youtube.htm?tag="+name,false); searchImagesFlag = true; } } var geourlFlag = false; function geourl(lat,lon,dist) { if( wind01 ) wind01.kill(); wind01=new AcademaWinClass(100,200,646,500,"http://geourl.org/near?lat="+lat+"&long="+lon+"&dist="+dist,true); } function weatherViewer() { if( wind01 ) wind01.kill(); wind01=new AcademaWinClass(20,80,920,680,"http://www.geabios.com/services/meteo/wv2.11/wv.htm?model=eumetsat&picurl=http://oiswww.eumetsat.org/SDDI/html/images/out/SDDI-&picext=-COLOUR-09-IR_108-02-600.jpg&picset=(utm30m)",true); } function setPosition(lat,lon,f) { var sendText = lat + ',' + lon; if( f ) sendText += ',' + f; command(sendText); } function fixCoordinates(latTmp,lonTmp) { var lat, lon; if( latTmp == "" || isNaN(parseFloat(latTmp)) ) { alert( "Latitude: Error" ); return;} if( lonTmp == "" || isNaN(parseFloat(lonTmp)) ) { alert( "Longitude: Error" ); return;} var latArr = latTmp.split(":"); switch(latArr.length) { case 1: lat = Math.abs(parseFloat(latArr[0])); if(parseFloat(latArr[0])<0||latTmp.charAt(latTmp.length-1).toUpperCase()=="S") lat = -lat; break; case 2: lat = Math.abs(parseInt(latArr[0])) + Math.abs(parseFloat(latArr[1])/60); if(parseFloat(latArr[0])<0||latTmp.charAt(latTmp.length-1).toUpperCase()=="S") lat = -lat; break; case 3: lat = Math.abs(parseInt(latArr[0])) + Math.abs(parseInt(latArr[1])/60) + Math.abs(parseFloat(latArr[2])/3600); if(parseFloat(latArr[0])<0||latTmp.charAt(latTmp.length-1).toUpperCase()=="S") lat = -lat; break; default: alert( "Latitude: Error" ); return; } var lonArr = lonTmp.split(":"); switch(lonArr.length) { case 1: lon = Math.abs(parseFloat(lonArr[0])); if(parseFloat(lonArr[0])<0||lonTmp.charAt(lonTmp.length-1).toUpperCase()=="W") lon = -lon; break; case 2: lon = Math.abs(parseInt(lonArr[0])) + Math.abs(parseFloat(lonArr[1])/60); if(parseFloat(lonArr[0])<0||lonTmp.charAt(lonTmp.length-1).toUpperCase()=="W") lon = -lon; break; case 3: lon = Math.abs(parseInt(lonArr[0])) + Math.abs(parseInt(lonArr[1])/60) + Math.abs(parseFloat(lonArr[2])/3600); if(parseFloat(lonArr[0])<0||lonTmp.charAt(lonTmp.length-1).toUpperCase()=="W") lon = -lon; break; default: alert( "Longitude: Error" ); return; } return {lat:lat,lon:lon}; } function checkPosition(id1,id2) { var pt = fixCoordinates( document.getElementById(id1).value.replace(/ /g,""), document.getElementById(id2).value.replace(/ /g,"") ); if( pt ) setPosition(pt.lat,pt.lon); } function calculateDistance(id1,id2,id3,id4) { var pt1 = fixCoordinates( document.getElementById(id1).value.replace(/ /g,""), document.getElementById(id2).value.replace(/ /g,"") ); var pt2 = fixCoordinates( document.getElementById(id3).value.replace(/ /g,""), document.getElementById(id4).value.replace(/ /g,"") ); if( pt1 && pt2 ) { var sendText = "calculateDistance " + pt1.lon + " " + pt1.lat + " " + pt2.lon + " " + pt2.lat; command(sendText); } } function calculatedDistance(distance,angle12,angle21) { var out = document.getElementById("distanceResult"); if( out ) { angle12 = parseInt(angle12 * 3600) / 3600; angle21 = parseInt(angle21 * 3600) / 3600; out.innerHTML = "<b>Results of calculation:</b><br/>Distance: " + parseInt(distance)/1000 + " km =<br/>&nbsp;&nbsp;&nbsp;&nbsp;" + parseInt(distance*0.6213712)/1000 + " miles =<br/>&nbsp;&nbsp;&nbsp;&nbsp;" + parseInt(distance*0.5399568)/1000 + " Nautical miles<br/>Azimuth (Pt1-Pt2): " + ((angle12<0)?"-":"+") + printDMS(Math.abs(angle12)) + "<br/>Azimuth (Pt2-Pt1): " + ((angle21<0)?"-":"+") + printDMS(Math.abs(angle21)) + "<br/>Calculation on WGS84 Ellipsoid"; } } function rectangle(lat,lon) { var data = ""; var delta = 0.001; data += (lat - delta) + "," + (lon - delta) + "," + (lat - delta) + "," + (lon + delta) + ",0xFF0000 "; data += (lat + delta) + "," + (lon - delta) + "," + (lat + delta) + "," + (lon + delta) + ",0xFF0000 "; data += (lat - delta) + "," + (lon - delta) + "," + (lat + delta) + "," + (lon - delta) + ",0xFF0000 "; data += (lat - delta) + "," + (lon + delta) + "," + (lat + delta) + "," + (lon + delta) + ",0xFF0000"; return data; } function rand(lat,lon) { var data = ""; var lat0 = lat + Math.random()/500; var lon0 = lon + Math.random()/500; for( var i = 0; i < 6; i++ ) { var lat1 = lat + Math.random()/500; var lon1 = lon + Math.random()/500; data += lat0 + "," + lon0 + "," + lat1 + "," + lon1 + ",0xFF0000 "; lat0 = lat1; lon0 = lon1; } return data; } function fcirc(lat,lon,R) { var data = ""; if( R == null ) R = 0.02; var lat0 = lat; var lon0 = lon + R; for( var a = 0; a < Math.PI * 2; a+= Math.PI/10 ) { var lat1 = lat + R * Math.sin(a); var lon1 = lon + R * Math.cos(a); data += lat0 + "," + lon0 + "," + lat1 + "," + lon1 + ",0xFF0000 "; lat0 = lat1; lon0 = lon1; R *= 1.01; } return data; } function markPosition(lat,lon,f,R) { // var data = rectangle(lat,lon); // var data = rand(lat,lon); var data = fcirc(lat,lon,R); setPosition(lat,lon,f); freeHandDraw(data); } function freeHandDraw(data){ var sendText = "" + data; var target = document.getElementById("theTarget"); if( target != null ) target.SetVariable("freeHandData", sendText); else alert("No target"); } function colorAdjust( R,G,B ) { var sendText = R + "," + G + "," + B; var target = document.getElementById("theTarget"); if( target != null ) target.SetVariable("colorAdjust", sendText); else alert("No target"); } function command(data) { var sendText = "" + data; var target = document.getElementById("theTarget"); if( target != null ) target.SetVariable("externalCommands", sendText); else alert("No target"); } function biggerSize() { var target = document.getElementById("mapframe"); target.style.height="602px"; target.style.width="753px"; } function normalSize() { var target = document.getElementById("mapframe"); target.style.height="502px"; target.style.width="752px"; } function getFovFromLevel(level) { switch(level) { case 0: return 0.006866455078125; case 1: return 0.01373291015625; case 2: return 0.0274658203125; case 3: return 0.054931640625; case 4: return 0.10986328125; case 5: return 0.2197265625; case 6: return 0.439453125; case 7: return 0.87890625; case 8: return 1.7578125; case 9: return 3.515625; case 10: return 7.03125; case 11: return 14.0625; case 12: return 28.125; case 13: return 56.25; default: return 112.5; } return 112.5; } var position = ""; var lat = getParameter('lat'); var lon = getParameter('lon'); var fov = ( lat && ( parseFloat(lat) < -60.0 || parseFloat(lat) > 75.0 ) ) ? "30" : getParameter('fov'); if( parseFloat(lat) > 90 || parseFloat(lat) < -90 ) { alert("Your latitude is out of bounds! Don't know what to do with " + lat); lat="45.0"; fov="30"; } if( parseFloat(lon) > 180 || parseFloat(lon) < -180 ) { alert("Your longitude is out of bounds! Don't know what to do with " + lon); lon="15.0"; fov="30"; } var lev = getParameter('level'); if( lat && !isNaN(parseFloat(lat)) ) position += ((position.length>0)?"&":"?") + "lat=" + lat; if( lon && !isNaN(parseFloat(lon)) ) position += ((position.length>0)?"&":"?") + "lon=" + lon; if( fov && !isNaN(parseFloat(fov)) ) position += ((position.length>0)?"&":"?") + "fov=" + ((parseFloat(fov)<0.05)?"0.05":fov); if( lev ) { fov = getFovFromLevel(parseFloat(lev)); position += ((position.length>0)?"&":"?") + "fov=" + ((parseFloat(fov)<0.05)?"0.05":fov); setTimeout("runFlatEarthLevel("+lat+","+lon+","+lev+")",3000); } position += ((position.length>0)?"&":"?") + "population=true"; document.oncontextmenu = function(){ return false; } var wind01 = null; function format00( num ) { return ( num < 10 ) ? "0" + num : num; } function printDMS( angle ) { var degpr = parseInt( angle ); var min = ( angle - degpr ) * 60; var minpr = parseInt( min ); var secpr = parseInt( ( min - minpr ) * 60 * 1000 ) / 1000; return degpr + "\u00b0" + ((minpr < 10) ? ("0" + minpr): minpr ) + "\'" + ((secpr < 10) ? ("0" + parseInt(secpr)): parseInt(secpr) ) + "\""; } function formatText( text, len ) { if( text.length > len ) return text.substr( 0, len ); else { var fill = ""; for( var i = 0; i < len - text.length; i++ ) fill += " "; return text + fill; } } function formatTextRight( text, len ) { var fill = ""; for( var i = 0; i < len - text.length; i++ ) fill += " "; return fill + text; } function formatNumber( number, len, dec ) { var i, decim = 1; var numstr = ""; for( i = 0; i < dec; i++ ) decim *= 10; var num = parseInt( "" + (number * decim) ); var numstrtmp = "" + (num / decim); if( numstrtmp.indexOf(".") > -1 ) { for( i = 0; i < dec; i++ ) numstrtmp += "0"; numstr = numstrtmp.substr(0,numstrtmp.indexOf(".")) + "."; for( i = 0; i < dec; i++ ) numstr += numstrtmp.charAt(i+numstrtmp.indexOf(".")+1); } else { if( dec == 0 ) numstr = numstrtmp; else { numstr = numstrtmp + "."; for( i = 0; i < dec; i++ ) numstr += "0"; } } return formatTextRight( numstr, len ); } var _time = new Date(); window.onunload = function() {var fine = new Image(); var s = (parseInt((new Date()-_time)/1000+0.5)); fine.src = '/images/f.gif?' + format00(parseInt(s/3600)) + ':' + format00(parseInt(s/60)%60) + ':' + format00(s%60) } function getParameter( parameter, url ) { if( url == null ) url = window.location.href; if( url.indexOf("?") != -1 ) { var start = url.indexOf(parameter + "="); if( start > 0 ) { parameter += "="; var tmp = url.substr(start,url.length - start); var end = 0; end = tmp.indexOf("&"); if( end > 0 ) { return unescape( tmp.substr( parameter.length, end - parameter.length ) ); } else { end = tmp.length; return unescape( tmp.substr( parameter.length, end - parameter.length ) ); } } start = url.indexOf(parameter + "&"); if( start > 0 ) return true; start = url.indexOf(parameter); if( start > 0 && (url.indexOf(parameter) + parameter.length == url.length )) return true; else return null; } else return null; } //]]> </script> </head> <body style="background:white;margin:0px;padding:0px;font-family: Verdana, Helvetica, Sans-Serif;font-size:13px;"> <div id="menu" style="text-align:left;background:rgb(66,174,189);width:100%;height:17px;border-top:1px solid #000000;border-bottom:1px solid #000000;margin:0px;padding:0px"> &nbsp;&nbsp;<b><a href="http://www.geabios.com/">GeaBios</a> &gt; Special Pages &gt; Public Map <span id="mapTitle"></span></b> </div> <div id="content" style="margin:2px;padding:2px;"> <div id="mapframe" style="background:rgb(238,242,242);width:752px;height:502px;border:1px solid #000000;margin-bottom:2px;"> <script type="text/javascript"> //<![CDATA[ if( ie ) { document.write( '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="theTarget">' +' <param name="movie" value="app.lzx.swf'+position+'">' +' <param name="wmode" value="transparent" />' +' <param name="quality" value="high">' +' <param name="scale" value="noscale">' +' <param name="salign" value="lt">' +' <param name="menu" value="false">' +' <param name="bgcolor" value="#ffffff">' +' </object>' ); } else document.write( '<embed id="theTarget" src="app.lzx.swf'+position+'" wmode="transparent" menu="false" quality="high" scale="noscale" salign="lt" width="100%" height="100%" name="theTarget" swLiveConnect="true" bgcolor="#ffffff" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>'); var title = getParameter('title'); if( title ) document.getElementById('mapTitle').innerHTML = '[' + unescape(title) + ']'; //]]> </script> </div> <div id="bottomframe" style="text-align:right;background:rgb(238,242,242);width:748px;height:16px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;">Flash 7+ Plug-In must be installed</div> <div style="position:absolute;top:75px;left:762px;"> <div style="font-size:11px;text-align:justify;background:rgb(238,242,242);width:204px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="text-align:justify;margin:0px;margin-bottom:5px;"><b>Overview:</b><br/>Satellite imagery and maps.<br/>Search for more than 8.000.000 geographic entities worldwide.<br/>Atomic Clock time synchonization (interval: 3 minutes).<br/>Statistical population counter.<br/>Colour adjustment for satellite images.<br/>Different sources merged together. Addons like: Google maps, Yahoo images search, geolocated WEB pages, ..., are driven from application.<br/>See also: <a href="http://en.wikipedia.org/wiki/GeaBios">GeaBios (Wikipedia)</a></b></p> <fieldset style="width:200px;height:60px;padding:0px;margin:0px;"><legend style="font-weight:bold;color:#ff0000">Coming soon:</legend> Online transformation for different source projections to target projection, on client. See <a href="#newToCome">below</a>! </fieldset> <fieldset style="width:200px;height:35px;padding:0px;margin:0px;"><legend style="font-weight:bold">Bookmark:</legend>&nbsp;&nbsp;<a href='http://del.icio.us/post?url=http://www.geabios.com/html/services/maps/PublicMap.htm'><img src='/html/del.icio.us16.gif' alt='Add this article to Del.icio.us' border='0' /> del.icio.us</a>&nbsp;&nbsp;<a href='http://digg.com/submit?phase=2&url=http://www.geabios.com/html/services/maps/PublicMap.htm'><img src='/html/digg16.png' alt='Digg this article' border='0' /> Digg this!</a></fieldset> <fieldset style="width:200px;height:35px;padding:0px;margin:0px;"><legend style="font-weight:bold">Embedded:</legend><input type="button" onclick="weatherViewer()" value="Weather Viewer" style="height:20px;width:200px" DISABLED/></fieldset> <fieldset style="width:200px;height:35px;padding:0px;margin:0px;"><legend style="font-weight:bold">See current location with:</legend><input type="button" onclick="command('FlatEarth')" value="Flat Earth Interface" style="height:20px;width:200px" DISABLED/></fieldset> <fieldset style="width:200px;height:55px;padding:0px;margin:0px;"> <legend style="font-weight:bold">Search 4 current location:</legend> <input type="button" onclick="searchImagesFlag=true;command('searchImages')" value="Images (experimental)" style="height:20px;width:200px" DISABLED/> <input type="button" onclick="searchImagesFlag=false;command('searchImages')" value="Video (experimental)" style="height:20px;width:200px" DISABLED/> </fieldset> <fieldset style="width:200px;height:35px;padding:0px;margin:0px;"><legend style="font-weight:bold">Resize map application:</legend><input type="button" onclick="biggerSize()" value="Bigger" style="height:20px;width:100px"/><input type="button" onclick="normalSize()" value="Normal" style="height:20px;width:100px"/></fieldset> </div> <div style="font-size:11px;text-align:justify;background:rgb(238,242,242);width:204px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <b>Adjust colors</b> (4 satellite images)<br/> <fieldset style="width:200px;height:30px;padding:0px;margin:0px;"><legend style="color:red">Red</legend><div class="horizontal" id="slider-red"><input class="slider-input" id="slider-input-red"/></div></fieldset> <fieldset style="width:200px;height:30px;padding:0px;margin:0px;"><legend style="color:green">Green</legend><div class="horizontal" id="slider-green"><input class="slider-input" id="slider-input-green"/></div></fieldset> <fieldset style="width:200px;height:30px;padding:0px;margin:0px;"><legend style="color:blue">Blue</legend><div class="horizontal" id="slider-blue"><input class="slider-input" id="slider-input-blue"/></div></fieldset> <fieldset style="width:200px;height:35px;padding:0px;margin:0px;"><legend style="font-weight:bold">Satellite Images Spectrum:</legend><input type="button" onclick="command('showSatelliteInfraRedSpectrum')" value="Infra Red" style="height:20px;width:100px"/><input type="button" onclick="command('showSatelliteNormalSpectrum')" value="Visible" style="height:20px;width:100px"/></fieldset> </div> <div style="font-size:11px;text-align:justify;background:rgb(238,242,242);width:204px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <fieldset style="width:200px;height:60px;padding:0px;margin:0px;"><legend style="font-weight:bold">Enter Coordinates:</legend> <table><tr> <td>Latitude:</td> <td><input id="latCoord" class="intext" type="text" value="23:30:30N" size="12"/></td> <td><input type="button" onclick="checkPosition('latCoord','lonCoord')" value="Go" style="height:20px;width:40px" title="Show location" alt="Show location"/></td> </tr><tr> <td>Longitude:</td> <td><input id="lonCoord" class="intext" type="text" value="76:30:30W" size="12"/></td> <td><input type="button" onclick="setExport('latCoord','lonCoord');command('export')" value="Get" style="height:20px;width:40px" title="Get coordinates of the center" alt="Get coordinates of the center"/></td> </tr></table> </fieldset> <b>Examples:</b> (Coordinate Input)<br/><table><tr><td valign=top>latitude:</td><td>23:30.5S=-23.50833=<br/>23:30:30S=-23:30:30</td></tr><tr><td valign=top>longitude:</td><td>76:30.5W=-76.50833=<br/>76:30:30W=-76:30:30</td></tr></table> <fieldset style="width:200px;height:220px;padding:0px;margin:0px;"><legend style="font-weight:bold">Calculate Distance:</legend> <table><tr> <td>Latitude:</td> <td><input id="latCoordDist1" class="intext" type="text" value="" size="12"/></td> <td><input type="button" onclick="checkPosition('latCoordDist1','lonCoordDist1')" value="Pt1" style="height:20px;width:40px" title="Show location" alt="Show location"/></td> </tr><tr> <td>Longitude:</td> <td><input id="lonCoordDist1" class="intext" type="text" value="" size="12"/></td> <td><input type="button" onclick="setExport('latCoordDist1','lonCoordDist1');command('export')" value="Get" style="height:20px;width:40px" title="Get coordinates of the center" alt="Get coordinates of the center"/></td> </tr><tr> <td>Latitude:</td> <td><input id="latCoordDist2" class="intext" type="text" value="" size="12"/></td> <td><input type="button" onclick="checkPosition('latCoordDist2','lonCoordDist2')" value="Pt2" style="height:20px;width:40px" title="Show location" alt="Show location"/></td> </tr><tr> <td>Longitude:</td> <td><input id="lonCoordDist2" class="intext" type="text" value="" size="12"/></td> <td><input type="button" onclick="setExport('latCoordDist2','lonCoordDist2');command('export')" value="Get" style="height:20px;width:40px" title="Get coordinates of the center" alt="Get coordinates of the center"/></td> </tr></table> <input type="button" onclick="calculateDistance('latCoordDist1','lonCoordDist1','latCoordDist2','lonCoordDist2')" value="Calculate Distance" style="height:20px;width:200px"/> <div id="distanceResult"><b>Results of calculation:</b><br/>Distance: <br/>Azimuth (Pt1-Pt2): <br/>Azimuth (Pt2-Pt1): <br/>Calculation on WGS84 Ellipsoid</div> </fieldset> <p style="text-align:left;margin:0px;margin-bottom:5px;"><b>Report Bugs</b>&nbsp;-&gt; <script> //<![CDATA[ { var target2 = document.getElementById("bottomframe"); switch( warning ) { case 1: target2.innerHTML = "<b>Warning:</b> <span style='color:red;'><b>Search is temporary disabled!</b></span>"; break; case 2: target2.innerHTML = "<b>Warning:</b> <span style='color:red;'><b>Technical problems (server 4 satellite images - NASA JPL)!</b></span> Switch to <a href=\"javascript://\" onclick=\"command('showMapOnly')\">Maps Only</a>, please!"; break; default: break; } } document.write("contact"+"@"+"academa.si"); redColor = new Slider(document.getElementById("slider-red"), document.getElementById("slider-input-red"), "horizontal"); redColor.setMinimum(50); redColor.setMaximum(150); redColor.setValue(100); redColor.onchange = function() { colorAdjust(redColor.getValue(),greenColor.getValue(),blueColor.getValue() ) } greenColor = new Slider(document.getElementById("slider-green"), document.getElementById("slider-input-green"), "horizontal"); greenColor.setMinimum(50); greenColor.setMaximum(150); greenColor.setValue(120); greenColor.onchange = function() { colorAdjust(redColor.getValue(),greenColor.getValue(),blueColor.getValue() ) } blueColor = new Slider(document.getElementById("slider-blue"), document.getElementById("slider-input-blue"), "horizontal"); blueColor.setMinimum(50); blueColor.setMaximum(150); blueColor.setValue(120); blueColor.onchange = function() { colorAdjust(redColor.getValue(),greenColor.getValue(),blueColor.getValue() ) } //]]> </script></p> </div> <div style="font-size:11px;text-align:justify;background:rgb(238,242,242);width:204px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="text-align:justify;margin:0px;margin-bottom:5px;"><b>About speed:</b> service is running on 2x550 MHz 20th century machine with 2.5 MBits wireless connection. Sometimes we're slow (a lot of concurrent requests:-)</p> <p style="margin-top:0px;margin-bottom:0px">This page could look like:<br/><img src="look.jpg"></p> <p style="margin-top:0px;margin-bottom:0px">No pop-up windows, internal movable frames (like windows) are created for external sources, like Google Maps, Yahoo image search, etc.<br/>You might have a problem with this kind of windows, we tested this stuff on IE 5.5+, Mozilla 1.7+, Firefox 0.9+, Opera 8+ and Netscape 8+.</p> </div> </div> <div style="text-align:left;background:rgb(238,242,242);width:748px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="margin-top:5px;margin-bottom:5px">Click to see: <a href="javascript://" onclick="setPosition(29.97906,31.13458,0.05)">Pyramides</a>, <a href="javascript://" onclick="setPosition(38.78900,15.21300,0.1)">Stromboli</a>, <!-- <a href="javascript://" onclick="setPosition(48.87326,2.295,0.05)">Arc de Triomphe (Paris)</a>, --> <!-- <a href="javascript://" onclick="setPosition(47.50000,11.10000,0.4)">Garmisch-Partenkirchen</a>, --> <a href="javascript://" onclick="setPosition(-25.33472,131.03472,0.1)">Ayers Rock (Uluru)</a>, <a href="javascript://" onclick="setPosition(-16.50087,-151.74288,0.13)">Bora-Bora</a>, <a href="javascript://" onclick="setPosition(-21.23333,-159.76666,0.15)">Rarotonga</a>, <a href="javascript://" onclick="setPosition(-17.72178,-149.38999,0.60)">Tahiti</a>, <a href="javascript://" onclick="setPosition(-22.970104,-43.180443,0.067343)">Copacabana</a>, <a href="javascript://" onclick="setPosition(36.1375,-5.344,0.1)">Gibraltar</a><br/> Show &amp; Mark: <a href="javascript://" onclick="markPosition(27.989875,86.926094,0.2)">Mt Everest</a>, <!-- <a href="javascript://" onclick="markPosition(35.240249,74.585688,0.2)">Nanga Parbat</a>, --> <a href="javascript://" onclick="markPosition(-32.66524,-70.02019,0.2)">Aconcagua</a>, <!-- <a href="javascript://" onclick="markPosition(45.92000,6.92000,0.1)">Mont Blanc</a>, --> <a href="javascript://" onclick="markPosition(-3.07583,37.35916,0.1)">Kilimanjaro</a>, <a href="javascript://" onclick="markPosition(46.19379,-122.18922,0.2,0.03)">Mt Saint Helens</a>, <a href="javascript://" onclick="markPosition(39.69907,44.30100,0.10,0.03)">Ararat</a>, <a href="javascript://" onclick="markPosition(46.56662,8.00969,0.40,0.03)">Eiger</a>, <a href="javascript://" onclick="markPosition(35.36666,138.73333,0.1)">Mt. Fuji</a>, <a href="javascript://" onclick="markPosition(37.74600,-119.53316,0.10,0.04)">Yosemite</a><br/> <!-- Frequently (last days): <a href="javascript://" onclick="setPosition(34.431944,73.536944,0.5)">Kashmir (Earthquake area)</a><br/> <a href="javascript://" onclick="setPosition(39.98330,117.83330,0.10)">The Great Wall (China) ???</a><br/> --> Outdoor connection: <a href="javascript://" onclick="setPosition(45.72176,63.32251,0.15)">Baikonur Cosmodrome</a>, <a href="javascript://" onclick="setPosition(28.40556,-80.60500,0.15)">Cape Canaveral</a>, <a href="javascript://" onclick="markPosition(40.96678,100.28069,0.20,0.01)">Jiuquan Satellite Launch Centre (China)</a>,<br/> Show: <a href="javascript://" onclick="command('showMapOnly')">Maps Only</a>, <a href="javascript://" onclick="command('showSatelliteOnly')">Satellite Only</a>, <a href="javascript://" onclick="command('showAll')">Both</a> &nbsp;&nbsp;New start position: <a href="PublicMap.htm?lon=14&lat=45.2&fov=1.1&title=Istra%20Peninsula">Istra Peninsula</a> (reload page with new parameters) </p> </div> <div style="text-align:left;background:rgb(238,242,242);width:748px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="margin-top:5px;margin-bottom:5px;"> <b>Tips:</b><br/> <li>To export center of the map - select <b>Misc./Export&nbsp;position</b> from menu or <a href="javascript://" onclick="geourlFlag=false;command('export')">click</a> to happen</li> <!-- <li>To see the location with Google Maps - select <b>Misc./Flat&nbsp;Earth</b> from menu or <a href="javascript://" onclick="command('FlatEarth')">click</a> to happen</li> <li>To search images with Yahoo - select <b>Misc./Search&nbsp;Images</b> from menu or <a href="javascript://" onclick="command('searchImages')">click</a> to happen (experimental)</li> <li>To search video on YouTube <a href="javascript://" onclick="searchImagesFlag=false;command('searchImages')">click</a> to happen (experimental)</li> <li>To see geolocated urls (web pages) <a href="javascript://" onclick="command('showGeourl 50')">50 km</a>, <a href="javascript://" onclick="command('showGeourl 100')">100 km</a>, <a href="javascript://" onclick="command('showGeourl 250')">250 km</a> around the center,</li> <div style="margin-left:20px"> see tooltip (mouse over violet marker), click appropriate<br/> and in <b>Log</b> click on link to open the page you request (new window). Complicate :-) </div> --> <li>Search for more than 8.000.000 geographic entities(countries, states, regions, territories, towns, ...)</li> <div style="margin-left:20px"> <b>Santi,Chile</b> means <b>Santiago,Chile</b><br/> <b>Lond,UK</b> means <b>London</b> and <b>Londonderry</b> and <b>London Conley</b><br/> <b>Palo,us</b> means <b>Palo</b> and <b>Palo Alto</b> and <b>Palo Blanco</b> and <b>...</b> from United States<br/> Do not use local character set (ASCII only)<br/> Write (no case sensitive): Dusseldorf, Koln, Orebro, Are, Lwow, Cacak, Ajdovscina, Sao Paulo, ...<br/> Why? Different people from different countries with different keyboards are using this search<br/> Search is limited to 25 hits!! In result set, non-ASCII characters are written as <b>?</b> (question mark). </div> <li>By clickin' red hotspots, you can get weather conditions for the location</li> <li>Switch WMS servers (see <b>Windows/WMS Servers</b>) for different data sources</li> <li>Change satellite data source (visible, IR, ...; see <b>Setup/Layers/...</b>)</li> <li>Resize map panel (drag lower-right corner)</li> </p> </div> <div style="text-align:left;background:rgb(238,242,242);width:748px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="margin-top:5px;margin-bottom:5px"> <b>Geolocate URL:</b><br/> Add the following meta tags to the &lt;head&gt; section of your web page (see above <b>Export position</b>, by selecting, the application will fill lat,lon):<br/> &lt;meta name="ICBM" content="<span id=metalon>LONGITUDE</span>, <span id=metalat>LATITUDE</span>"&gt;<br/> &lt;meta name="DC.title" content="THE NAME OF YOUR SITE"&gt;<br/> and submit page to <a href="http://geourl.org/" target="_blank">GeoURL</a> (new window) </p> </div> <div style="text-align:left;background:rgb(238,242,242);width:748px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="margin-top:5px;margin-bottom:5px"> <b>Add direct link</b>(<a href="javascript://" onclick="command('export')">click</a> to fill the appropriate - <acronym title="What you see is what you get">wysiwyg</acronym>)<b>:</b><br/> for ordinary html page:<br/> <span style="color:rgb(66,106,123);font-family:Courier">&lt;a href="http://www.geabios.com/html/services/maps/PublicMap.htm?lat=<span id=fillLat>______</span>&lon=<span id=fillLon>______</span><br/>&fov=<span id=fillFov>______</span>"&gt;GeaBios - show location&lt;/a&gt;</span><br/> for Wikipedia:<br/> <span style="color:rgb(66,106,123);font-family:Courier">[http://www.geabios.com/html/services/maps/PublicMap.htm?lat=<span id=fillWikiLat>______</span>&lon=<span id=fillWikiLon>______</span><br/>&fov=<span id=fillWikiFov>______</span> GeaBios] - show location</span><br/> or templates:<br/> <span style="color:rgb(66,106,123);font-family:Courier"><span id=fillWikiDm>{{coor dm||||||}}</span></span>, <span style="color:rgb(66,106,123);font-family:Courier"><span id=fillWikiDms>{{coor dms||||||||}}</span></span><br/> then just copy and paste.<br/> What is <b>fov</b>? Field of view in decimal degrees. </p> </div> <div style="text-align:left;background:rgb(238,242,242);width:748px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <p style="margin-top:5px;margin-bottom:5px"> <table width="100%" border="0"><tr> <td>Simple overview map:<br/><img src="map.jpg"/></td> <td>Visible Bands:<br/><img src="visible.jpg"/></td> <td>Visible & IR Bands:<br/><img src="visibleir.jpg"/></td> <!-- <td>Visible on daily basis:<br/><img src="dailyaqua.jpg"/></td> --> </tr><tr> <td colspan="3">And different combinations on the fly from different WMS and WFS servers.</td> </tr></table> </p> </div> <br/><br/> <a name="newToCome"/> <div style="text-align:left;background:rgb(238,242,242);width:960px;border:1px solid #000000;border-bottom:2px solid #000000;margin-bottom:2px;padding:2px;"> <h3>Coming soon:</h3> Online transformation for different source projections to target projection, on client. All the pictures below are created as a sandwich of reprojected images to target projetion (see data), written in action script, embedded on web page (without proxy server). <pre style="font-size:11px"> WMSVER | NAME | AREA | PROJ | COMMENT -------+---------------------------------------------+------------+-------------+------------------------- 1.0.0 | Slovenia | Slovenia | EPSG:2170* | 1.1.1 | WMS-Dienst: pgo | Austria | EPSG:31287 | 1.1.1 | Atlas 啪ivotn铆ho prost艡ed铆 v Praze | Czechia | EPSG:102065 | 1.1.1 | SGS Geology and Tectonics | Switzerland| EPSG:4326 | 1.1.1 | IGME 1:1M Geological Map (Spain) | Spain | EPSG:23030 | 1.1.1 | 1 to 250000 scale geological map of Hungary | Hungary | EPSG:4326 | 1.1.1 | GBA Bedrock Geology and Tectonic Lineaments | Austria | EPSG:4326 | 1.0.0 | DEMIS - World Map | World | EPSG:4326 | 'Hillshading' background -------+---------------------------------------------+------------+-------------+------------------------- Target projection: =================== EPSG:102017 Description of projections: =========================== PROJ | DESCRIPTION | PROJECTION's NAME | ELIPSOID ------------+-----------------------------------------+-------------------------------------+------------------------------ EPSG:2170* | MGI / Slovenia Grid | Transverse Mercator | Bessel 1841 EPSG:4326 | WGS 84 | Lat/Lon | WGS 84 EPSG:23030 | ED50 / UTM zone 30N | Universal Transverse Mercator (UTM) | International 1909 (Hayford) EPSG:31287 | MGI / Austria Lambert | Lambert Conformal Conic | Bessel 1841 EPSG:102017 | North Pole Lambert Azimuthal Equal Area | Lambert Azimuthal Equal Area | WGS 84 EPSG:102065 | S-JTSK Krovak | Krovak | Bessel 1841 ------------+-----------------------------------------+-------------------------------------+------------------------------ </pre> <center><img src="GeaBios_ACADEMA_AviatorLight01.jpg"/><br/>From Spain to North Pole (Scale approx. 1:27.000.000)</center><br/> <center><img src="GeaBios_ACADEMA_AviatorLight02.jpg"/><br/>West Mediterranean (7 WMS sources, all together reprojected to Lambert Azimuthal Equal Area Projection) (Scale approx.: 1:11.000.000)</center><br/> <center><img src="GeaBios_ACADEMA_AviatorLight03.jpg"/><br/>From Jura to Tatre - rotated (Scale approx.: 1:5.600.000)</center><br/> <center><img src="GeaBios_ACADEMA_AviatorLight04.jpg"/><br/>Austria, Hungary, Slovenia - triangle (Scale approx.: 1:750.000)</center><br/> </div> </div> <center>Page designed and maintained by <a href="http://www.academa.si">ACADEMA</a> &copy; 1996-2009, All Rights Reserved</center> <center>Last update: October 7<sup>th</sup>, 2009</center> <br/> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10