Added OpenStreetMap layer

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();