Add the transport and MaqQuest layers to the embed page

[rails.git] / public / export / embed.html
diff --git a/public/export/embed.html b/public/export/embed.html

index ae82eb54a9361af21ce84fb484d43aeb875c237a..7e61728ccb0af48e62f2c0e8b2b5a8d0254adc6a 100644 (file)
--- a/public/export/embed.html
+++ b/public/export/embed.html
@@ -1,6 +1,17 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
+    <title>OpenStreetMap Embedded</title>
      <style type="text/css">
+        html {
+            width: 100%;
+            height: 100%;
+       }
+        body {
+            width: 100%;
+            height: 100%;
+            margin: 0px;
+        }
          #map {
              width: 100%;
              height: 100%;
@@ -9,9 +20,10 @@
              bottom: 3px!important;
          }
      </style>
-    <script src="http://openstreetmap.org/openlayers/OpenLayers.js"></script>
-    <script src="http://openstreetmap.org/openlayers/OpenStreetMap.js"></script>
+    <script src="/openlayers/OpenLayers.js" type="text/javascript"></script>
+    <script src="/openlayers/OpenStreetMap.js" type="text/javascript"></script>
      <script type="text/javascript">
+    <!--
          var map, layer;
          function init(){
              map = new OpenLayers.Map ("map", {
@@ -28,7 +40,7 @@
                projection: new OpenLayers.Projection("EPSG:900913")
              });
  
-            var attribution = 'Data by <a target="_parent" href="http://www.openstreetmap.org">OpenStreetMap</a>';
+            var attribution = '(C) <a target="_parent" href="http://www.openstreetmap.org">OpenStreetMap</a> and contributors, <a target="_parent" href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>';
              var args = OpenLayers.Util.getParameters();
              if (!args.layer || args.layer == "mapnik") {
                  var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
@@ -37,13 +49,38 @@
                     attribution: attribution
                  });
                  map.addLayer(mapnik);
-            } else {
+            } else if (args.layer == "osmarender") {
                  var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
                     displayOutsideMaxExtent: true,
                     wrapDateLine: true,
                     attribution: attribution
                  });
                  map.addLayer(osmarender);
+            } else if (args.layer == "cyclemap" || args.layer == "cycle map") {
+                var cyclemap = new OpenLayers.Layer.OSM.CycleMap("Cycle Map", {
+                   displayOutsideMaxExtent: true,
+                   wrapDateLine: true,
+                   attribution: attribution
+                });
+                map.addLayer(cyclemap);
+            } else if (args.layer == "transportmap") {
+                var transportmap = new OpenLayers.Layer.OSM.TransportMap("Transport Map", {
+                   displayOutsideMaxExtent: true,
+                   wrapDateLine: true,
+                   attribution: attribution
+                });
+                map.addLayer(transportmap);
+            } else if (args.layer == "mapquest") {
+                var mapquestmap = new OpenLayers.Layer.OSM("MapQuest Open Map", [
+                    "http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
+                    "http://otile2.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
+                    "http://otile3.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png",
+                    "http://otile4.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.png"], {
+                   displayOutsideMaxExtent: true,
+                   wrapDateLine: true,
+                   attribution: "Tiles courtesy of <a href='http://www.mapquest.com/' target='_blank'>MapQuest</a> <img src='http://developer.mapquest.com/content/osm/mq_logo.png'>",
+                });
+                map.addLayer(mapquestmap);
              }
  
              if (args.marker) {
@@ -67,8 +104,10 @@
                  map.addControl(new OpenLayers.Control.PanZoom());
              }
          }
+    // -->
      </script>
    </head>
+
    <body onload="init()">
      <div id="map"></div>
    </body>