CINXE.COM
Blue Marble Navigator
<HTML><HEAD><TITLE>Blue Marble Navigator</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1"> <LINK REL="stylesheet" TYPE="text/css" HREF="bmn.css" MEDIA="screen"> <STYLE TYPE="text/css"> body { text-align:center; } table { font-weight:bold; margin:0 auto; } ul { margin-top:0; } b { color:#ccf; } .ps,.ps a { color:darkblue; } </STYLE> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> // similar to code posted by Michael Winter on 12 Nov 2004 in comp.lang.javascript var moveoverlay = (function(e) { function gC(e) {return {x: 0, y: 0};} // function dC(e) {return {x: e.clientX, y: e.clientY};} // function mC(e) {return {x: e.x, y: e.x};} function dC(e) {return {x: e.layerX, y: e.layerY};} function mC(e) {return {x: e.offsetX, y: e.offsetY};} function isN(o) {return 'number' == typeof o;} if(isN(e.clientX) && isN(e.clientY)) {gC = dC;} if(isN(e.offsetX) && isN(e.offsetY)) {gC = mC;} (moveoverlay = function(e) { var div = gC(e); if(div.x>0 || div.y<300 || div.y>0 || div.x<600) { document.getElementById('pos').style.visibility='visible'; document.getElementById('pos').style.clip = 'rect('+(div.y-40)+' '+(div.x+40)+' '+(div.y+40)+' '+(div.x-40)+')'; } else document.getElementById('pos').style.visibility='hidden'; })(e); }); </SCRIPT> </HEAD><BODY STYLE='background-image:url(orbit.jpg); background-position:right bottom; background-repeat:no-repeat;'> <DIV ID='header' STYLE='position:absolute; top:0; left:0; right:0; height:33px; background-color:#003; margin:0;'> <TABLE CELLPADDING=0 CELLSPACING=0 WIDTH='100%' HEIGHT=33> <TR><TD ROWSPAN=2 STYLE='text-align:left; background-image:url(logo.png); background-repeat:no-repeat; font-size:25px; letter-spacing:-1px; font-weight:bold;'><A TARGET='_self' STYLE='text-decoration:none' HREF='intro.php'> <IMG ALT='' STYLE='vertical-align:center' SRC='e.gif' WIDTH=25 HEIGHT=25> Blue Marble Navigator</A> <TD STYLE='text-align:right; font-size:25px; font-weight:bold;'><A TARGET='_self' HREF='about.php'>?</A></TABLE></DIV> <DIV CLASS='main'> NASA's "Blue Marble" pictures of Earth show <B>each month of the year 2004</B> to illustrate changes in snow cover and vegetation. Here, you can browse their maximum resolution of four pixels per km², as well as a slightly coarser <B>night-lights</B> map, enhanced by town names and national borders. <P>Blue Marble was initially created by NASA's Goddard Space Flight Center, the night lights by NOAA's National Geophysical Data Center. <P>More info on the <UL> <LI><A HREF='about.php'>features of this site</A> <LI><A HREF='night.php'>night lights</A> (read a <A HREF='http://www.sciencemag.org/cgi/reprint/311/5767/1529e.pdf'>newsbit</A> about them and this site as published in <B>Science Magazine</B>) <LI><A TARGET='_blank' HREF='http://earthobservatory.nasa.gov/Newsroom/BlueMarble/'>Blue Marble picture</A> (at NASA, incl. downloads) </UL> <P STYLE='background-color:#009; text-align:right;'><A TARGET='_self' STYLE='color:#ff0; font-size:140%; font-weight:bold;' HREF='/nightlights/'>» Click here to browse recent night-time imagery with Google Maps «</A></P> <P STYLE='text-align:center;'> <SPAN STYLE='font-size:140%'>↓ To start, click on your intended destination: ↓</SPAN> <BR>Note: After clicking, you will be viewing a large area – click in its centre to zoom in (and back out). </P> <CENTER> <DIV STYLE='position:relative; top:0; right:0; width:600px; height:300px; align:center; cursor:crosshair' onmousemove="moveoverlay(event);" onMouseOu="document.getElementById('pos').style.visibility='hidden'"> <IMG ALT='' STYLE='position:absolute; left:0; top:0; z-index:0' SRC='under.jpg'> <FORM ID='navform' STYLE='position:absolute; left:0; top:0; z-index:3' METHOD=POST ACTION='index.php'> <INPUT ID='pos' NAME='pos' STYLE='position:absolute; cursor:crosshair; left:0px; top:0px; visibility:hidden; z-index:1;' TYPE='image' SRC='over.jpg'> <SCRIPT TYPE="text/css"> if(screen.width<1280) document.write("<INPUT TYPE='hidden' NAME='mini' VALUE=''>"); </SCRIPT> <INPUT TYPE='hidden' NAME='geonames' VALUE=''> <INPUT TYPE='hidden' NAME='townnames' VALUE=''> <INPUT TYPE='hidden' NAME='overlay' VALUE='14'> <INPUT TYPE='hidden' NAME='base' VALUE='7'> <INPUT TYPE='hidden' NAME='tiles' VALUE='22'> <INPUT TYPE='hidden' NAME='width' VALUE='600'> </FORM> </DIV> </CENTER> </CENTER> <p><a target="_blank" style="font-size:80%; color:grey" href="https://sites.google.com/view/urs-enke-de/policy">Privacy Policy</a> <? include('footer.php');