aboutsummaryrefslogtreecommitdiffstats
path: root/extlib/leaflet/debug/map
diff options
context:
space:
mode:
Diffstat (limited to 'extlib/leaflet/debug/map')
-rw-r--r--extlib/leaflet/debug/map/canvas.html46
-rw-r--r--extlib/leaflet/debug/map/map-mobile.html42
-rw-r--r--extlib/leaflet/debug/map/map.html56
-rw-r--r--extlib/leaflet/debug/map/wms-marble.html30
-rw-r--r--extlib/leaflet/debug/map/wms.html37
5 files changed, 211 insertions, 0 deletions
diff --git a/extlib/leaflet/debug/map/canvas.html b/extlib/leaflet/debug/map/canvas.html
new file mode 100644
index 00000000..233035f1
--- /dev/null
+++ b/extlib/leaflet/debug/map/canvas.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Leaflet debug page</title>
+
+ <link rel="stylesheet" href="../../dist/leaflet.css" />
+ <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
+
+ <link rel="stylesheet" href="../css/screen.css" />
+
+ <script src="../leaflet-include.js"></script>
+</head>
+<body>
+
+ <div id="map" style="width: 600px; height: 600px; border: 1px solid #ccc"></div>
+
+ <script type="text/javascript">
+
+ var tiles = new L.TileLayer.Canvas();
+
+ tiles.drawTile = function(canvas, tile, zoom) {
+ var ctx = canvas.getContext('2d');
+
+ ctx.fillStyle = 'white';
+ ctx.fillRect(0, 0, 255, 255);
+
+
+ ctx.fillStyle = 'black';
+ ctx.fillText('x: ' + tile.x + ', y: ' + tile.y + ', zoom:' + zoom, 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();
+ }
+
+ var map = new L.Map('map', {center: new L.LatLng(50.5, 30.51), zoom: 15, layers: [tiles]});
+
+ </script>
+</body>
+</html> \ No newline at end of file
diff --git a/extlib/leaflet/debug/map/map-mobile.html b/extlib/leaflet/debug/map/map-mobile.html
new file mode 100644
index 00000000..27d12ed9
--- /dev/null
+++ b/extlib/leaflet/debug/map/map-mobile.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Leaflet debug page</title>
+
+ <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+
+ <link rel="stylesheet" href="../../dist/leaflet.css" />
+ <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
+
+ <link rel="stylesheet" href="../css/mobile.css" />
+
+ <script src="../leaflet-include.js"></script>
+</head>
+<body>
+
+ <div id="map"></div>
+
+ <script type="text/javascript">
+
+ var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
+ cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
+ cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});
+
+ var map = new L.Map('map').addLayer(cloudmade);
+
+ map.on('locationfound', function(e) {
+ var marker = new L.Marker(e.latlng);
+ map.addLayer(marker);
+
+ marker.bindPopup("<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p><p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.</p>");
+ });
+
+ map.on('locationerror', function(e) {
+ alert(e.message);
+ map.fitWorld();
+ });
+
+ map.locateAndSetView();
+ </script>
+</body>
+</html> \ No newline at end of file
diff --git a/extlib/leaflet/debug/map/map.html b/extlib/leaflet/debug/map/map.html
new file mode 100644
index 00000000..88bdd5b0
--- /dev/null
+++ b/extlib/leaflet/debug/map/map.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Leaflet debug page</title>
+
+ <link rel="stylesheet" href="../../dist/leaflet.css" />
+ <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
+
+ <link rel="stylesheet" href="../css/screen.css" />
+
+ <script src="../leaflet-include.js"></script>
+</head>
+<body>
+
+ <div id="map" style="width: 600px; height: 600px; border: 1px solid #ccc"></div>
+ <button id="populate">Populate with 10 markers</button>
+
+ <script type="text/javascript">
+
+ var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
+ cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
+ cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution}),
+ latlng = new L.LatLng(50.5, 30.51);
+
+ var map = new L.Map('map', {center: latlng, zoom: 15, layers: [cloudmade]});
+
+ var markers = new L.FeatureGroup();
+
+ function populate() {
+ var bounds = map.getBounds(),
+ southWest = bounds.getSouthWest(),
+ northEast = bounds.getNorthEast(),
+ lngSpan = northEast.lng - southWest.lng,
+ latSpan = northEast.lat - southWest.lat;
+
+ for (var i = 0; i < 10; i++) {
+ var latlng = new L.LatLng(
+ southWest.lat + latSpan * Math.random(),
+ southWest.lng + lngSpan * Math.random());
+
+ markers.addLayer(new L.Marker(latlng));
+ }
+
+ return false;
+ };
+
+ markers.bindPopup("<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p><p>Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque.</p>");
+
+ map.addLayer(markers);
+
+ populate();
+ L.DomUtil.get('populate').onclick = populate;
+
+ </script>
+</body>
+</html> \ No newline at end of file
diff --git a/extlib/leaflet/debug/map/wms-marble.html b/extlib/leaflet/debug/map/wms-marble.html
new file mode 100644
index 00000000..fd5443ab
--- /dev/null
+++ b/extlib/leaflet/debug/map/wms-marble.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Leaflet debug page</title>
+
+ <link rel="stylesheet" href="../../dist/leaflet.css" />
+ <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
+
+ <link rel="stylesheet" href="../css/screen.css" />
+
+ <script src="../leaflet-include.js"></script>
+</head>
+<body>
+
+ <div id="map" style="width: 1024px; height: 440px; border: 1px solid #ccc"></div>
+
+ <script type="text/javascript">
+ var map = new L.Map('map', {crs: L.CRS.EPSG4326});
+
+ var bluemarble = new L.TileLayer.WMS("http://maps.opengeo.org/geowebcache/service/wms", {
+ layers: 'bluemarble',
+ attribution: "Data &copy; NASA Blue Marble, image service by OpenGeo",
+ minZoom: 2,
+ maxZoom: 5,
+ });
+
+ map.addLayer(bluemarble).fitWorld();
+ </script>
+</body>
+</html> \ No newline at end of file
diff --git a/extlib/leaflet/debug/map/wms.html b/extlib/leaflet/debug/map/wms.html
new file mode 100644
index 00000000..08694726
--- /dev/null
+++ b/extlib/leaflet/debug/map/wms.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Leaflet debug page</title>
+
+ <link rel="stylesheet" href="../../dist/leaflet.css" />
+ <!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
+
+ <link rel="stylesheet" href="../css/screen.css" />
+
+ <script src="../leaflet-include.js"></script>
+</head>
+<body>
+
+ <div id="map" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>
+
+ <script type="text/javascript">
+ var map = new L.Map('map');
+
+ var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png',
+ cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
+ cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});
+
+ var nexrad = new L.TileLayer.WMS("http://mesonet.agron.iastate.edu/cgi-bin/wms/nexrad/n0r.cgi", {
+ layers: 'nexrad-n0r-900913',
+ format: 'image/png',
+ transparent: true,
+ attribution: "Weather data &copy; 2011 IEM Nexrad",
+ opacity: 0.4
+ });
+
+ var bounds = new L.LatLngBounds(new L.LatLng(32, -126), new L.LatLng(50, -64));
+
+ map.addLayer(cloudmade).addLayer(nexrad).fitBounds(bounds);
+ </script>
+</body>
+</html> \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2025-06-07 23:50:44 +0000