As part of a larger article, I am currently building some tools that use geographical information. The first one is a pure JavaScript solution to link locations in a text to Google Maps and to show a small map under the text. You can see it in action by clicking the screenshot below.

All you need to do to use the script is get your own Google Maps key and embed the script in the page you want to analyse, giving it the ID of the main text element as a parameter:

You can customise the look and feel by writing your own CSS for the generated HTML and setting the addmap.config.width and addmap.config.height properties to resize the map.

Under the hood here is what happens:

• The script grabs the innerHTML of the element and runs it through the open YQL table of Yahoo Placemaker.
• It then takes the data, assembles the HTML and puts together the URI for the map
• The map gets displayed using the Google static map API

The code of addmap.js is available on GitHub.

• Confessions of a book pirate is the first account I’ve ever read of someone from the OCR scanning and book pirating scene. It is amazing how fast those guys are.
• App.itize.us is a good blog triaging the “must have” apps for your iPhone.
• Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3 is a tutorial about exactly that.
• Product-recommendation startup Directed Edge now has a free API
• The Cabinet Office blog is praising the apps released based on data.gov.uk, including my uk-house-prices.com
• In case you thought three wolf moon shirts can’t be beat – I give you Fonz socks (also check the favicon of win).
• Google Reader now allows you to subscribe to any web page – even those without a feed!
• I give you the Internet
• In case you missed it – the Guardian’s World Government Data lists all the data available from different governments in one place
• Michael van Daniker has a wonderful browser stats visualization from 2002 up to now. Looks familiar :)

Things that made me happy this morning:

• What love means to a 4-8 year old contains some wonderful quotes
• Windows 3.11 in DHTML – gee all the pain and suffering comes back to me now.
• What everybody needs to know about SVG right now is a good primer on open, XML based vector goodness.
• Home decor for absolute geeks has a lot of things full of win
• Every time I travel, I see kids with Trunkis in London – I want one in my size!
• Tomorrow is a Mozilla Labs Meetup in Mountain view and tonight Douglas Crockford is talking about the history of JavaScript – I’ll be at both.
• Sergey Brin’s homepage at Stanford does not only feature an awesome image applet – no, it also shows that he stayed in the Gates building :)
• Today I will earn my Coffee drinking badge

I was always fascinated by those ads that show you “hot contacts in {city}” not because of the hot contacts, but because they always changed to where I was at the time.

I was also quite interested in the fact that they were always a bit off (again, the city, not the contacts). As I like to find things out, here’s a demo of just how far the location of these ads can be off:

You can see your results by visiting the demo page and allowing it to get your location if you use a browser that supports the W3C geo location API.

Here’s how this works:

You can guess the location of a user by their IP and Rasmus Lerdorf wrote a nice API to do that at http://geoip.pidgets.com/. Using that, you can read the IP in PHP and call the API with cURL:

if ($_SERVER[‘HTTP_X_FORWARD_FOR’]) {

$ip = $_SERVER[‘HTTP_X_FORWARD_FOR’];

} else {

$ip = $_SERVER[‘REMOTE_ADDR’];

}

	
$url = ‘http://geoip.pidgets.com/?ip=’.$ip.’&format=json’;

$ch = curl_init();

curl_setopt($ch, CURLOPT_URL, $url);

curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

$output = curl_exec($ch);

curl_close($ch);

$data = json_decode($output);

$lat = $data->latitude;

$lon = $data->longitude;

This API is only a wrapper for the Maxmind API and for some reason rounds the latitude and longitude from time to time. You can get more accurate results using the Javascript Web Service of Maxmind directly:

The most detailed data can be obtained with the W3C Geo API though:

if(navigator.geolocation){

navigator.geolocation.getCurrentPosition(function(position){

var lat = position.coords.latitude;

var lon = position.coords.longitude

});

}

And that is all there is to it :)

I am right now sitting at Heathrow Terminal 5 in London on my way outbound to a two week stint in the Silicon Valley (Sunnyvale/Mountain View) to meet with the US team. And here are the things that made me happy this morning:

• Ian Pouncey continues to put together good thought-pieces on accessibility with Web Accessibility Myths.
• Robert O’Callahan talks Video, Freedom and Mozilla and debunks some H264 myths.
• In case you feel like beeping, there is a cool online Morse Code translator
• The back side of a Mozilla business card finally reveals the truth about how websites work – I knew that there were monkeys and gerbils involved!
• The Royal Pingdom has a good roundup of The Internet 2009 in numbers – guess where most of the Internet users are from?
• Vimeo has a new HTML5 video player and you can kick its tyres.
• Liz Danzico wrote a wonderful piece called confidence for good on how making a leap of faith in your career is sometimes very necessary.
• UK House Prices, my entry to the data.gov.uk application showcase went down really well on the day of the release and got about 5000 hits on the first day. Now to pester the UK government to do more YQL and expect less SPARQL.
• Constructing a POUR web site has some very solid advice on how to build a good web site. I am tired of people shoe-horning new acronyms though. POSH was a bad idea, so was HIJAX. Not because of what they stand for but for giving a way out. Hearing sentences like “yeah the solution is bad now, but we will go for a POSH one soon” or “this will be redesign with HIJAX in mind at a later stage” make me want to scream – an I heard both several times.
• We have a winner of most inappropriate prank in a job ad – hands-down.
• ReadWriteWeb have a good open thread on Sexy Girls, Smart Women and Tech (and I am already looking forward to the referrers linking to this link)
• How programmers of different languages view each other and How a common LISP programmer views users of other languages both have poster potential for the office.