Andy Wardley: Google Map

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Andy Wardley: Google Map</title> <link rel="stylesheet" type="text/css" href="/css/abw.css" title="Default Style"> <link rel="alternate stylesheet" type="text/css" href="/css/nomenu.css" title="Hide Menu"> <link rel="stylesheet" type="text/css" href="/css/print.css" media="print"> <link rel="shortcut icon" type="image/x-icon" href="/images/abwlogo/a.ico" > <meta name="robots" content="all"> <meta name="author" content="Andy Wardley"> <meta name="keywords" content=""> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <script type="text/javascript" src="/js/abw.js"></script> <script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAHzMzRBSwf-JyBYLEZkNCRRQVq7jzBBSqN0g05zqgSUBNbucEDhQkCb6cAqaG3jB1P9Uc5toUDeH68Q"></script> </head> <body onload="showMap();" onunload="GUnload();"> <div id="header"> <a href="/index.html" id="logo"></a> <div id="nameplate"></div> <div id="pageinfo"> <h1 class="title">Google Map</h1> <h2 class="subtitle">My World Through Google's Eyes</h2> <a class="permalink" href="http://wardley.org/misc/map.html">http://wardley.org/misc/map.html</a> </div> <div id="hide_menu" class="button"> <a href="#" onclick="hide_menu(); return false;" onmouseover="hint_action('Hide Menu', 'Click to hide the menu')" onmouseout="unhint()"><span class="plus">Hide Menu</span></a> </div> <div id="show_menu" class="button"> <a href="#" onclick="show_menu(); return false;" onmouseover="hint_action('Show Menu', 'Click to show the menu')" onmouseout="unhint()"><span class="minus">Show Menu</span></a> </div> <div id="hint"> <div class="mini panel" id="hint_panel"> <div class="head" onclick="switch_minipanel(this.parentNode)"> <div class="corner"><div class="control" id="hint_control"></div></div> <h2 class="caption" id="hint_caption">Hint</h2> </div> <div class="body"> <h2 class="title" id="hint_title">Page Title</h2> <div class="info" id="hint_info"> Page info </div> </div> </div> </div> <div id="trail"> <ul> <li><a href="/index.html" title="Andy Wardley's Home Page: Web Architect, Kite Designer, Board Rider" onmouseover="hint_up('Andy Wardley\'s Home Page', 'Web Architect, Kite Designer, Board Rider')" onmouseout="unhint()">Home</a></li> <li><a href="/misc/index.html" title="Miscellaneous: Everything Else" onmouseover="hint_up('Miscellaneous', 'Everything Else')" onmouseout="unhint()">Miscellaneous</a></li> <li><a href="/misc/map.html" title="Google Map: My World Through Google's Eyes" onmouseover="hint_here('Google Map', 'My World Through Google\'s Eyes')" onmouseout="unhint()">Google Map</a></li> </ul> </div> <div id="tabs"> <div class="button"><a href="/misc/pi_is_wrong.html" title="Previous page: Pi: A Case of Mistaken Identity" onmouseover="hint_prev('Pi: A Case of Mistaken Identity', '')" onmouseout="unhint()"><span class="left">Prev</span></a></div> <div class="button"><a href="/misc/goldbach.html" title="Next page: Goldbach Weave: A Graphical Exploration of Goldbach's Conjecture" onmouseover="hint_next('Goldbach Weave', 'A Graphical Exploration of Goldbach\'s Conjecture')" onmouseout="unhint()"><span class="right">Next</span></a></div> </div> </div> <div id="main"> <div id="sidebar"> <div class="mini panel"> <div class="head" onclick="switch_minipanel(this.parentNode)" onmouseover="hint_panel()" onmouseout="unhint()"> <div class="corner"><div class="control"></div></div> <h1 class="caption">Menu</h1> </div> <div class="body"> <ul class="menu"> <li><a href="/index.html" title="Andy Wardley's Home Page: Web Architect, Kite Designer, Board Rider" onmouseover="hint_link('Andy Wardley\'s Home Page', 'Web Architect, Kite Designer, Board Rider')" onmouseout="unhint()">Home</a></li> <li><a href="/about.html" title="About Andy Wardley: The man behind the longboard" onmouseover="hint_link('About Andy Wardley', 'The man behind the longboard')" onmouseout="unhint()">About</a></li> <li><a href="/computers/index.html" title="Computers: Work and Play With Computers" onmouseover="hint_link('Computers', 'Work and Play With Computers')" onmouseout="unhint()">Computers</a></li> <li><a href="/kites/index.html" title="Kite Flying and Design" onmouseover="hint_link('Kite Flying and Design', '')" onmouseout="unhint()">Kites</a></li> <li><a href="/boards/index.html" title="Boards and Board Riding: Skateboard, Dirtboard, Snowboard." onmouseover="hint_link('Boards and Board Riding', 'Skateboard, Dirtboard, Snowboard.')" onmouseout="unhint()">Boards</a></li> <li><a href="/graphics/index.html" title="Graphics: Logos, Icons and Other Graphics I've Created" onmouseover="hint_link('Graphics', 'Logos, Icons and Other Graphics I\'ve Created')" onmouseout="unhint()">Graphics</a></li> <li><a href="/misc/index.html" class="hot" title="Miscellaneous: Everything Else" onmouseover="hint_up('Miscellaneous', 'Everything Else')" onmouseout="unhint()">Miscellaneous</a> <ul class="menu"> <li><a href="/misc/newcombs_paradox.html" title="Newcomb's Paradox" onmouseover="hint_link('Newcomb\'s Paradox', '')" onmouseout="unhint()">Newcomb's Paradox</a></li> <li><a href="/misc/pi_is_wrong.html" title="Pi: A Case of Mistaken Identity" onmouseover="hint_link('Pi: A Case of Mistaken Identity', '')" onmouseout="unhint()">Pi is Wrong</a></li> <li><a href="/misc/map.html" class="hot" title="Google Map: My World Through Google's Eyes" onmouseover="hint_here('Google Map', 'My World Through Google\'s Eyes')" onmouseout="unhint()">Google Map</a></li> <li><a href="/misc/goldbach.html" title="Goldbach Weave: A Graphical Exploration of Goldbach's Conjecture" onmouseover="hint_link('Goldbach Weave', 'A Graphical Exploration of Goldbach\'s Conjecture')" onmouseout="unhint()">Goldbach Weave</a></li> <li><a href="/misc/commercial.html" title="Commmercial Email: A Spam Honeypot" onmouseover="hint_link('Commmercial Email', 'A Spam Honeypot')" onmouseout="unhint()">Commmercial Email</a></li> <li><a href="/misc/ben.html" title="Ben Wardley" onmouseover="hint_link('Ben Wardley', '')" onmouseout="unhint()">Ben Wardley</a></li> <li><a href="/misc/ben_luke_jedi.html" title="Ben and Luke: Jedi Knights" onmouseover="hint_link('Ben and Luke: Jedi Knights', '')" onmouseout="unhint()">Ben and Luke</a></li> <li><a href="/misc/greedkillsmusic.html" title="Corporate Greed is Killing Music" onmouseover="hint_link('Corporate Greed is Killing Music', '')" onmouseout="unhint()">Killing Music</a></li> </ul> </li> <li><a href="/latest.html" title="Latest News: Recent Updates to the Web Site" onmouseover="hint_link('Latest News', 'Recent Updates to the Web Site')" onmouseout="unhint()">Latest</a></li> </ul> </div> </div> <div class="mini panel"> <div class="head" onclick="switch_minipanel(this.parentNode)" onmouseover="hint_panel()" onmouseout="unhint()"> <div class="corner"><div class="control"></div></div> <h1 class="caption">Google Search</h1> </div> <div class="body"> <div align="center">  <form method="get" action="http://www.google.co.uk/custom" target="_top"> <table border="0"> <tr> <td nowrap="nowrap" valign="top" align="center" height="32"> <a href="http://www.google.com/"><img src="http://www.google.com/logos/Logo_25wht.gif" border="0" alt="Google"></img> </a> </td> </tr> <tr> <td nowrap="nowrap" align="center"> <input type="hidden" name="domains" value="wardley.org"></input> <input type="text" name="q" size="15" maxlength="255" value=""></input> </td> </tr> <tr> <td nowrap="nowrap" align="center"> <table> <tr> <td> <input type="radio" name="sitesearch" value="wardley.org" checked="checked"></input> <font size="-2" color="#000000">wardley.org</font> </td> <td> <input type="radio" name="sitesearch" value=""></input> <font size="-2" color="#000000">web</font> </td> </tr> </table> <input type="hidden" name="client" value="pub-7559498963549605"></input> <input type="hidden" name="forid" value="1"></input> <input type="hidden" name="ie" value="ISO-8859-1"></input> <input type="hidden" name="oe" value="ISO-8859-1"></input> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input> <input type="hidden" name="hl" value="en"></input> </td> </tr> <tr> <td align="center"> <input type="submit" name="sa" value="Search"></input> </td> </tr> </table> </form>  </div> </div> </div> <div class="mini panel"> <div class="head" onclick="switch_minipanel(this.parentNode)" onmouseover="hint_panel()" onmouseout="unhint()"> <div class="corner"><div class="control"></div></div> <h1 class="caption">Google Adverts</h1> </div> <div class="body"> <div align="center"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div> </div> </div> <div id="content"> <h1 class="headline">Google Map</h1> <p class="intro"> This is my personal Google Map showing some places of interest. </p> <p class="intro"> Big thanks to all our clever friends at Google who make these wonderful toys for us to play with. We <code><kiss/></code> Google! </p> <script type="text/javascript"> //<![CDATA[ function showMap() { if (GBrowserIsCompatible()) { function add_marker(map, lat, lon, name, info) { var marker = new GMarker( new GLatLng(lat, lon) ); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml( '<div class="mapinfo">' + '<h4 class="name">' + name + '</h4>' + '<div class="info">' + info + '</div>' + '</div>' ); }); map.addOverlay(marker); } var map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.addControl(new GScaleControl()); map.addControl(new GOverviewMapControl(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(150, 120))); var params = url_params(); var lat = params["lat"]; var lon = params["lon"]; var zoom = params["zoom"]; lat = lat ? parseFloat(lat) : 51.244966; lon = lon ? parseFloat(lon) : -0.565678; zoom = zoom ? parseInt(zoom) : 14; // alert("lat:" + lat + " lon:" + lon + " zoom:" + zoom); map.setCenter(new GLatLng(lat, lon), zoom, G_SATELLITE_MAP); add_marker(map, 51.506652, -1.081125, 'Wroughton Airfield, Swindon', 'Site of the Swindon Kite Festival.'); add_marker(map, 38.978953, -74.818997, 'Wildwood, New Jersey', 'Site of the Wildwood Kite Festival'); add_marker(map, 50.784294, -1.095629, 'Southsea Common', 'Site of the Portsmouth Kite Festival.'); add_marker(map, 51.490623, -0.246569, 'Chiswick Maternity Hospital', 'I was born here. The hospital moved to a new location in 1975.'); add_marker(map, 50.864722, -0.098512, 'Stanmer Park, Brighton', 'Site of the Brighton Kite Festival.'); add_marker(map, 50.196483, -5.427632, 'Hayle Towans, Cornwall', 'Holidayed here as a teenager with friends.'); add_marker(map, 50.61248, -2.452419, 'Weymouth Beach, Dorset', 'Site of the Weymouth Kite Festival.'); add_marker(map, 52.708687, -2.753277, 'Shrewsbury', 'Sheila grew up here.'); add_marker(map, 43.667872, 3.636475, 'Cap D\'Agde, France', 'Location of the 2005 Freestyle (Kite Flying) World Cup.'); add_marker(map, 51.449701, -0.574843, 'Beaumont, Windsor', 'I worked here when it was "Peritas".'); add_marker(map, 51.481, -0.39065, 'Ash Grove, Heston', 'I used to live here. So did <a href="/about.html#Early_Years">Ritchie Blackmore</a>.'); add_marker(map, 51.240789, -0.540819, 'Guildford, Surrey', 'I live here. Nice place.'); add_marker(map, 51.411085, -0.260721, 'Bakewell Way, New Malden', 'I live here for a couple of years around the age of 6/7.'); add_marker(map, 51.444807, -2.65131, 'Ashton Court, Bristol', 'Site of the Bristol Kite International Festival.'); add_marker(map, 51.414876, -0.266778, 'Coombe Hill School', 'I used to go here.'); add_marker(map, 51.413278, -0.26848, 'Crown Road', 'I lived here for most of my childhood.'); add_marker(map, 51.41145, -0.295258, 'Kingston', 'I used to live in Kingston. Nice place but over-urbanised these days'); add_marker(map, 33.656073, -118.003246, 'Huntington Beach', 'Site of the <a href="/kites/events/kiteparty2004.html">Kite Party</a>.'); add_marker(map, 51.144733, -1.567354, 'Middle Wallop, Hampshire', 'Site of the Middle Wallop Kite Festival.'); add_marker(map, 51.243596, -1.125927, 'Down Grange, Basingstoke', 'Site of the Basingstoke Kite Festival.'); add_marker(map, 51.244966, -0.565678, 'Stoke Park, Guildford', 'My local <a href="/kites/index.html">kite flying</a> spot.'); add_marker(map, 51.416606, -0.745783, 'Bracknell', 'I used to work here. Awful place.'); add_marker(map, 51.399239, -0.262889, 'Park Court, New Malden', 'Chris and I shared a flat here.'); add_marker(map, 40.733356, -74.001803, 'Greenwich Village, NYC', 'The infamous AFU party was somewhere around here'); var overview = document.getElementById("map_overview"); document.getElementById("map").appendChild(overview); } } //]]> </script> <div id="map" style="width:500px; height:400px;"> </div> </div> </div> <div id="footer"> <div id="reddit"> <script>reddit_url='http://wardley.org/misc/map.html'</script> <script language="javascript" src="http://reddit.com/button.js?t=3"></script> </div> <div class="iconset"> <a href="/index.html" class="abw icon" title="Home"><span class="caption">Home</span></a><a href="/computers/index.html" class="computer icon" title="Computers"><span class="caption">Computers</span></a><a href="/computers/tt.html" class="tt2 icon" title="Template Toolkit"><span class="caption">Template Toolkit</span></a><a href="/computers/perl/index.html" class="camel icon" title="Perl Programming"><span class="caption">Perl Programming</span></a><a href="/kites/index.html" class="kite icon" title="Kites"><span class="caption">Kites</span></a><a href="/boards/index.html" class="mboard icon" title="Boards"><span class="caption">Boards</span></a><a href="/graphics/index.html" class="cool icon" title="Graphics"><span class="caption">Graphics</span></a> <br clear="all" /> </div> <div class="copyright"> © Copyright 1995-2009 Andy Wardley. All Rights Reserved. </div> <div class="pageinfo"> misc/map.html last modified 12:03:55 15-Jan-2008 </div> <div class="info"> Contact: <span class="link">abw <at> wardley <dot> org</span> </div> </div> </body> </html>

CINXE.COM

Andy Wardley: Google Map