From dae961a014979b711bbb36d0c6c129bcc37e7a4a Mon Sep 17 00:00:00 2001
From: Simon Willison <simon@simonwillison.net>
Date: Sat, 10 Jul 2010 13:10:23 +0200
Subject: [PATCH] Added OpenStreetMap layer

---
 index.html | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index cbde7bb..28dfbaa 100644
--- a/index.html
+++ b/index.html
@@ -61,7 +61,6 @@
 <script type="text/javascript">
 google.load('maps', '2'); // Load version 2 of the Maps API
 
-
 function timezoneLoaded(obj) {
     var timezone = obj.timezoneId;
     if (!timezone) {
@@ -88,10 +87,32 @@
     document.getElementById("wkt").innerHTML = 'POINT('+lon+' '+lat +')';
 }
 
+function getOSMMapType() {
+    // Usage: map.addMapType(getOSMMapType());
+    var copyright = new GCopyrightCollection(
+        '<a href="http://www.openstreetmap.org/">OpenStreetMap</a>'
+    );
+    copyright.addCopyright(
+        new GCopyright(1, new GLatLngBounds(
+            new GLatLng(-90, -180),
+            new GLatLng(90, 180)
+        ), 0, ' ')
+    );
+    var tileLayer = new GTileLayer(copyright, 1, 18, {
+        tileUrlTemplate: 'http://tile.openstreetmap.org/{Z}/{X}/{Y}.png', 
+        isPng: false
+    });
+    var mapType = new GMapType(
+        [tileLayer], G_NORMAL_MAP.getProjection(), 'OSM'
+    );
+    return mapType;
+}
+
 function showMap() {
     window.gmap = new google.maps.Map2(document.getElementById('gmap'));
     gmap.addControl(new google.maps.LargeMapControl());
     gmap.addControl(new google.maps.MapTypeControl());
+    gmap.addMapType(getOSMMapType());    
     gmap.enableContinuousZoom();
     gmap.enableScrollWheelZoom();