Skip to content

Instantly share code, notes, and snippets.

@knownasilya

knownasilya/index.html

Forked from d3noob/index.html
Last active November 12, 2015 17:44
Show Gist options
  • Save knownasilya/1ba7ca488ecf4880e45a to your computer and use it in GitHub Desktop.
Save knownasilya/1ba7ca488ecf4880e45a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion readme.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    Testing GridLayer with 1.0 beta
    Testing GridLayer with 1.0 beta.2
  2. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
    href="http://cdn.leafletjs.com/leaflet-1.0.0-beta.2/leaflet.css"
    href="http://cdn.leafletjs.com/leaflet/v1.0.0-beta.2/leaflet.css"
    />
    <style>
    body {
    @@ -22,7 +22,7 @@
    <div id="map"></div>

    <script
    src="http://cdn.leafletjs.com/leaflet-1.0.0-beta.2/leaflet.js">
    src="http://cdn.leafletjs.com/leaflet/v1.0.0-beta.2/leaflet.js">
    </script>

    <script>
  3. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion readme.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    Testing GridLayer
    Testing GridLayer with 1.0 beta
  4. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
    href="http://cdn.leafletjs.com/leaflet-1.0.0-b2/leaflet.css"
    href="http://cdn.leafletjs.com/leaflet-1.0.0-beta.2/leaflet.css"
    />
    <style>
    body {
    @@ -22,7 +22,7 @@
    <div id="map"></div>

    <script
    src="http://cdn.leafletjs.com/leaflet-1.0.0-b2/leaflet.js">
    src="http://cdn.leafletjs.com/leaflet-1.0.0-beta.2/leaflet.js">
    </script>

    <script>
  5. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,11 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Full Screen Leaflet Map</title>
    <title>GridLayer Test</title>
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
    href="http://cdn.leafletjs.com/leaflet-1.0.0-b1/leaflet.css"
    href="http://cdn.leafletjs.com/leaflet-1.0.0-b2/leaflet.css"
    />
    <style>
    body {
    @@ -22,7 +22,7 @@
    <div id="map"></div>

    <script
    src="http://cdn.leafletjs.com/leaflet-1.0.0-b1/leaflet.js">
    src="http://cdn.leafletjs.com/leaflet-1.0.0-b2/leaflet.js">
    </script>

    <script>
  6. Ilya Radchenko revised this gist Nov 12, 2015. No changes.
  7. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 0 additions and 0 deletions.
    Binary file removed thumbnail.png
    View file
    Binary file not shown.
  8. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion readme.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    An example of a leaflet map set to full screen using appropriate styles.
    Testing GridLayer
  9. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    <!DOCTYPE html>
    <html>
    <html>
    <head>
    <title>Full Screen Leaflet Map</title>
    <meta charset="utf-8" />
  10. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
    href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css"
    href="http://cdn.leafletjs.com/leaflet-1.0.0-b1/leaflet.css"
    />
    <style>
    body {
    @@ -22,7 +22,7 @@
    <div id="map"></div>

    <script
    src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js">
    src="http://cdn.leafletjs.com/leaflet-1.0.0-b1/leaflet.js">
    </script>

    <script>
  11. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
    href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css"
    href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css"
    />
    <style>
    body {
    @@ -22,7 +22,7 @@
    <div id="map"></div>

    <script
    src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js">
    src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js">
    </script>

    <script>
  12. Ilya Radchenko revised this gist Nov 12, 2015. 1 changed file with 20 additions and 8 deletions.
    28 changes: 20 additions & 8 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -26,14 +26,26 @@
    </script>

    <script>
    var map = L.map('map').setView([-41.2858, 174.78682], 14);
    mapLink =
    '<a href="http://openstreetmap.org">OpenStreetMap</a>';
    L.tileLayer(
    'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; ' + mapLink + ' Contributors',
    maxZoom: 18,
    }).addTo(map);
    var tiles = new L.GridLayer();
    tiles.createTile = function(coords) {
    var tile = document.createElement('canvas'),
    ctx = tile.getContext('2d');
    tile.width = tile.height = 256;
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, 255, 255);
    ctx.fillStyle = 'black';
    ctx.fillText('x: ' + coords.x + ', y: ' + coords.y + ', zoom: ' + coords.z, 20, 20);
    ctx.strokeStyle = 'red';
    ctx.beginPath();
    ctx.moveTo(0, 0);
    ctx.lineTo(255, 0);
    ctx.lineTo(255, 255);
    ctx.lineTo(0, 255);
    ctx.closePath();
    ctx.stroke();
    return tile;
    }
    var map = new L.Map('map', {center: new L.LatLng(50.5, 30.51), zoom: 15, layers: [tiles]});
    </script>
    </body>
    </html>
  13. @d3noob d3noob revised this gist Apr 20, 2014. 1 changed file with 0 additions and 0 deletions.
    Binary file added thumbnail.png
    View file
    Loading
    Sorry, something went wrong. Reload?
    Sorry, we cannot display this file.
    Sorry, this file is invalid so it cannot be displayed.
  14. @d3noob d3noob revised this gist Dec 1, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,7 @@
    '<a href="http://openstreetmap.org">OpenStreetMap</a>';
    L.tileLayer(
    'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; ' + mapLink,
    attribution: '&copy; ' + mapLink + ' Contributors',
    maxZoom: 18,
    }).addTo(map);
    </script>
  15. @d3noob d3noob revised this gist Nov 26, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,7 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Simple Leaflet Map</title>
    <title>Full Screen Leaflet Map</title>
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
  16. @d3noob d3noob created this gist Nov 26, 2013.
    39 changes: 39 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,39 @@
    <!DOCTYPE html>
    <html>
    <head>
    <title>Simple Leaflet Map</title>
    <meta charset="utf-8" />
    <link
    rel="stylesheet"
    href="http://cdn.leafletjs.com/leaflet-0.7/leaflet.css"
    />
    <style>
    body {
    padding: 0;
    margin: 0;
    }
    html, body, #map {
    height: 100%;
    width: 100%;
    }
    </style>
    </head>
    <body>
    <div id="map"></div>

    <script
    src="http://cdn.leafletjs.com/leaflet-0.7/leaflet.js">
    </script>

    <script>
    var map = L.map('map').setView([-41.2858, 174.78682], 14);
    mapLink =
    '<a href="http://openstreetmap.org">OpenStreetMap</a>';
    L.tileLayer(
    'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: 'Map data &copy; ' + mapLink,
    maxZoom: 18,
    }).addTo(map);
    </script>
    </body>
    </html>
    1 change: 1 addition & 0 deletions readme.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    An example of a leaflet map set to full screen using appropriate styles.