node-tile-proxy-cache/index.html at master · brads-tools/node-tile-proxy-cache · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!doctype html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="http://leaflet.cloudmade.com/dist/leaflet.css" />
  <script src="http://leaflet.cloudmade.com/dist/leaflet.js"></script>
  <script>

var init = function() {
  /*globals L*/
  // create the leaflet map
  var map = new L.Map('map', {
    // disable animations, makes our server look lame
    fadeAnimation: false,
    zoomAnimation: false
  });

  // create a common cloudmade layer
  // var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/YOUR_CLOUDMADE_API_LAYER/997/256/{z}/{x}/{y}.png',
  //     cloudmadeAttrib = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
  //     cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttrib});

  // create a custom tile layer for our node
  //http://{s}.tile.osm.org/{z}/{x}/{y}.png
  var tileServer = 'http://tile-proxy-cache.bmatusiak.c9.io/{s}/{z}/{x}/{y}.png',
      tileServerAttrib = 'Rendered by node.js :)',
      tileLayer = new L.TileLayer(tileServer, {
        minZoom: 0,
        maxZoom: 18,
        attribution: tileServerAttrib
      });

  // create a center point for the map
  var saug = new L.LatLng(29.8944, -81.3147);
  // set the initial view of the map and add both layers
  map
    .setView(saug, 15)
    //.addLayer(cloudmade)
    .addLayer(tileLayer);
};

window.addEventListener("load", init, false );

  </script>
</head>
<body>
  <div id="map" style="position:fixed;top:0;bottom:0;left:0;right:0;"></div>
</body>
</html>