RubyGems - leaflet-js - Versions diffs - 0.7.0.4 → 0.7.7 - Mend

leaflet-js 0.7.0.4 → 0.7.7

Files changed (308) hide show

data/lib/leaflet/debug/map/opacity.html DELETED

@@ -1,223 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Leaflet debug page</title>
-	<link rel="stylesheet" href="../../dist/leaflet.css" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="stylesheet" href="../css/screen.css" />
-	<script type="text/javascript" src="../../build/deps.js"></script>
-	<script src="../leaflet-include.js"></script>
-	<style>
-		.mapcontainer {
-		    float:left;
-		    position: relative;
-		    width: 32%;
-		    font-size: 12px;
-		    font-family: sans-serif;
-		    height: 340px;
-		    margin-bottom: 15px;
-		    background-color: #eee;
-		    margin-right: 1%;
-		}
-		.map {
-		    position: absolute;
-		    width: 100%;
-		    height: 280px;
-		    bottom: 0px;
-		}
-	</style>
-</head>
-<body>
-	<p>These should all render identically.</p>
-	<div class="mapcontainer">
-		CASE 1: no opacity set on any layers
-		<br />
-		<div id="map1" class="map"></div>
-	</div>
-	<div class="mapcontainer">
-		CASE 2: opacity set to .99 on overlays but not on basemap
-		<br />
-		<div id="map2" class="map"></div>
-	</div>
-	<div class="mapcontainer">
-		CASE 3: opacity set on overlays but not on basemap, zIndex option set to 0 on basemap
-		<br />
-		<div id="map3" class="map"></div>
-	</div>
-	<div class="mapcontainer">
-		CASE 4: opacity set to .99 on overlays but set to 1 on basemap
-		<br />
-		<div id="map4" class="map"></div>
-	</div>
-	<div class="mapcontainer">
-		CASE 5: opacity set to .99 on all layers
-		<br />
-		<div id="map5" class="map"></div>
-	</div>
-	<div class="mapcontainer">
-		CASE 6: opacity set to .99 on 1st and 3rd layers and 1 on middle layer
-		<br />
-		<div id="map6" class="map"></div>
-	</div>
-	<script type="text/javascript">
-		var mapopts =  {
-		    center: [35, -122],
-		    zoom : 5
-		};
-		var map1 = L.map('map1', mapopts);
-		var map2 = L.map('map2', mapopts);
-		var map3 = L.map('map3', mapopts);
-		var map4 = L.map('map4', mapopts);
-		var map5 = L.map('map5', mapopts);
-		var map6 = L.map('map6', mapopts);
-		/**********
-		CASE 1: no opacity set on any layers
-		**********/
-		// OSM Basemap
-		var osm1 = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png?v=1', {
-		    attribution: '',
-		    key: 'BC9A493B41014CAABB98F0471D759707',
-		    styleId: 97941
-		}).addTo(map1);
-		// EEZs / Nations
-		var eez1 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/eezs/{z}/{x}/{y}.png', {
-		    tms: true
-		}).addTo(map1);
-		// Marine Protected Areas overlay
-		var mpa1 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/mpas/{z}/{x}/{y}.png', {
-		    tms: false
-		}).addTo(map1);
-		/**********
-		CASE 2: opacity set on overlays but not on basemap
-		**********/
-		// OSM Basemap
-		var osm2 = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png?v=1', {
-		    attribution: '',
-		    key: 'BC9A493B41014CAABB98F0471D759707',
-		    styleId: 97941
-		}).addTo(map2);
-		// EEZs / Nations
-		var eez2 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/eezs/{z}/{x}/{y}.png', {
-		    tms: true,
-		    opacity: 0.99
-		}).addTo(map2);
-		// Marine Protected Areas overlay
-		var mpa2 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/mpas/{z}/{x}/{y}.png', {
-		    tms: false,
-		    opacity: 0.99
-		}).addTo(map2);
-		/**********
-		CASE 3: opacity set on overlays but not on basemap, zIndex option set to 0 on basemap
-		**********/
-		// OSM Basemap
-		var osm3 = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png?v=1', {
-		    attribution: '',
-		    key: 'BC9A493B41014CAABB98F0471D759707',
-		    styleId: 97941,
-		    zIndex: 0
-		}).addTo(map3);
-		// EEZs / Nations
-		var eez3 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/eezs/{z}/{x}/{y}.png', {
-		    tms: true,
-		    opacity: 0.99
-		}).addTo(map3);
-		// Marine Protected Areas overlay
-		var mpa3 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/mpas/{z}/{x}/{y}.png', {
-		    tms: false,
-		    opacity: 0.99
-		}).addTo(map3);
-		/**********
-		CASE 4: opacity set on overlays but set to 1 on basemap
-		**********/
-		// OSM Basemap
-		var osm4 = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png?v=1', {
-		    attribution: '',
-		    key: 'BC9A493B41014CAABB98F0471D759707',
-		    styleId: 97941,
-		    opacity: 1
-		}).addTo(map4);
-		// EEZs / Nations
-		var eez4 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/eezs/{z}/{x}/{y}.png', {
-		    tms: true,
-		    opacity: 0.99
-		}).addTo(map4);
-		// Marine Protected Areas overlay
-		var mpa4 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/mpas/{z}/{x}/{y}.png', {
-		    tms: false,
-		    opacity: 0.99
-		}).addTo(map4);
-		/**********
-		CASE 5: opacity set to .5 on all layers
-		**********/
-		// OSM Basemap
-		var osm5 = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png?v=1', {
-		    attribution: '',
-		    key: 'BC9A493B41014CAABB98F0471D759707',
-		    styleId: 97941,
-		    opacity: 0.99
-		}).addTo(map5);
-		// EEZs / Nations
-		var eez5 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/eezs/{z}/{x}/{y}.png', {
-		    tms: true,
-		    opacity: 0.99
-		}).addTo(map5);
-		// Marine Protected Areas overlay
-		var mpa5 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/mpas/{z}/{x}/{y}.png', {
-		    tms: false,
-		    opacity: 0.99
-		}).addTo(map5);
-		/**********
-		CASE 6: opacity set to .5 on 1st and 3rd layers and 1 on middle layer
-		**********/
-		// OSM Basemap
-		var osm6 = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png?v=1', {
-		    attribution: '',
-		    key: 'BC9A493B41014CAABB98F0471D759707',
-		    styleId: 97941,
-		    opacity: 0.99
-		}).addTo(map6);
-		// EEZs / Nations
-		var eez6 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/eezs/{z}/{x}/{y}.png', {
-		    tms: true,
-		    opacity: 1
-		}).addTo(map6);
-		// Marine Protected Areas overlay
-		var mpa6 = new L.tileLayer('http://tile1.mpatlas.org/tilecache/mpas/{z}/{x}/{y}.png', {
-		    tms: false,
-		    opacity: 0.99
-		}).addTo(map6);
-	</script>
-</body>
-</html>

data/lib/leaflet/debug/map/scroll.html DELETED

@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Leaflet debug page</title>
-	<link rel="stylesheet" href="../../dist/leaflet.css" />
-	<link rel="stylesheet" href="../css/screen.css" />
-	<script type="text/javascript" src="../../build/deps.js"></script>
-	<script src="../leaflet-include.js"></script>
-</head>
-<body>
-	<div style="position: absolute; top: 100px; left: 100px; border: 1px solid green">
-		<div style="position: relative; margin-top: 500px; width: 800px; border: 1px solid red; margin-left: 200px">
-			<div style="height: 600px; overflow: auto">
-				<div id="map" style="width: 600px; height: 1000px; border: 1px solid #ccc"></div>
-			</div>
-		</div>
-	</div>
-	<script type="text/javascript">
-		var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/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 s = '';
-		for (var i = 0; i < 100; i++) s += 'Test<br>';
-		var popup = L.popup({maxHeight: 100})
-			.setContent(s)
-			.setLatLng(latlng)
-			.openOn(map);
-	</script>
-</body>
-</html>

data/lib/leaflet/debug/map/simple-proj.html DELETED

@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Leaflet debug page</title>
-	<link rel="stylesheet" href="../../dist/leaflet.css" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="stylesheet" href="../css/screen.css" />
-	<script type="text/javascript" src="../../build/deps.js"></script>
-	<script src="../leaflet-include.js"></script>
-</head>
-<body>
-	<div id="map"></div>
-	<script type="text/javascript">
-		var map = L.map('map', {
-			crs: L.CRS.Simple
-		}).setView([0, 0], 0);
-		L.polygon([
-			[-200, -50],
-			[-40, 250],
-			[200, 100]
-		]).addTo(map);
-		L.marker([-200, -200]).addTo(map);
-		L.marker([200, -200]).addTo(map);
-		L.marker([200, 200]).addTo(map);
-		L.marker([-200, 200]).addTo(map);
-		L.marker([0, 0]).addTo(map);
-		L.imageOverlay('http://leafletjs.com/docs/images/logo.png', [[0, 0], [73, 220]]).addTo(map);
-	</script>
-</body>
-</html>

data/lib/leaflet/debug/map/wms-marble.html DELETED

@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Leaflet debug page</title>
-	<link rel="stylesheet" href="../../dist/leaflet.css" />
-	<link rel="stylesheet" href="../css/screen.css" />
-	<script type="text/javascript" src="../../build/deps.js"></script>
-	<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>

data/lib/leaflet/debug/map/wms.html DELETED

@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Leaflet debug page</title>
-	<link rel="stylesheet" href="../../dist/leaflet.css" />
-	<link rel="stylesheet" href="../css/screen.css" />
-	<script type="text/javascript" src="../../build/deps.js"></script>
-	<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/d4fc77ea4a63471cab2423e66626cbb6/{styleId}/256/{z}/{x}/{y}.png',
-			cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
-			cloudmade = new L.TileLayer(cloudmadeUrl, {styleId: 997, attribution: cloudmadeAttribution}),
-			cloudmade2 = new L.TileLayer(cloudmadeUrl, {styleId: 998, 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);
-		L.control.layers({"CM": cloudmade, "CM2": cloudmade2}, {"NexRad": nexrad}).addTo(map);
-	</script>
-</body>
-</html>

data/lib/leaflet/debug/map/zoomlevels.html DELETED

@@ -1,45 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-	<title>Leaflet debug page</title>
-	<link rel="stylesheet" href="../../dist/leaflet.css" />
-	<link rel="stylesheet" href="../css/screen.css" />
-	<script type="text/javascript" src="../../build/deps.js"></script>
-	<script src="../leaflet-include.js"></script>
-</head>
-<body>
-	<div id="map"></div>
-	<script type="text/javascript">
-	    // Test that changing between layers with differing zoomlevels also updates
-        // the zoomlevels in the map + also
-		function getCloudMadeUrl(styleId) {
-			return 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/' + styleId + '/256/{z}/{x}/{y}.png';
-		}
-		var map = L.map('map').setView(L.latLng(50.5, 30.51), 0);
-		var cloudmadeAttribution = 'Map data &copy; 2011 OpenStreetMap contributors, Imagery &copy; 2011 CloudMade',
-			cloudmade = L.tileLayer(getCloudMadeUrl(997), {attribution: cloudmadeAttribution, minZoom: 0, maxZoom: 10}).addTo(map),
-			cloudmade2 = L.tileLayer(getCloudMadeUrl(998), {attribution: 'Hello world', minZoom: 5, maxZoom: 18});
-		L.control.layers({
-			'CloudMade Pale Dawn (5-18)': cloudmade2,
-			'CloudMade Fresh (0-10)': cloudmade
-		}).addTo(map);
-		L.control.scale().addTo(map);
-		for (var i = 0; i < 1000; i++) {
-			L.marker(getRandomLatLng(map)).addTo(map);
-		}
-	</script>
-</body>
-</html>

data/lib/leaflet/debug/tests/add_remove_layers.html DELETED

@@ -1,87 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Leaflet debug page</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <link rel="stylesheet" href="../../dist/leaflet.css" />
-    <link rel="stylesheet" href="../css/screen.css" />
-    <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.0.js'></script>
-    <script>
-        L_PREFER_CANVAS = true;
-        $(document).ready(function() {
-            var map;
-            var myLayerGroup = new L.LayerGroup();
-            initmap();
-            function initmap() {
-                // set up the map
-                map = new L.Map('map');
-                // create the tile layer with correct attribution
-                var osmUrl = 'http://a.tile.openstreetmap.org/{z}/{x}/{y}.png';
-                var osmAttrib = 'Map data © OpenStreetMap contributors';
-                var osm = new L.TileLayer(osmUrl, { minZoom: 1, maxZoom: 17, attribution: osmAttrib, detectRetina: true });
-                map.addLayer(osm);
-                map.fitBounds(new L.LatLngBounds([51,7],[51,7]));
-                drawTestLine();
-            };
-            function drawTestLine() {
-                var lat = 51;
-                var long = 7;
-                for (var i = 0; i < 50; i++) {
-                    var myCircle = new L.Circle(new L.LatLng(lat, long),3);
-                    myCircle.on('click',
-                        function (e) {
-                            popup = new L.Popup();
-                            popup.setLatLng(this.getLatLng());
-                            var popuptxt = "Hello!";
-                            alert("I am the click function");
-                                    popup.setContent(popuptxt);
-                                    map.openPopup(popup);
-                        });
-                    myLayerGroup.addLayer(myCircle);
-                        lat = lat + 0.0001;
-                        long = long + 0.0001;
-                }
-            map.addLayer(myLayerGroup);
-            };
-            $("#b1").click(function() {
-              map.addLayer(myLayerGroup);
-            });
-            $("#b2").click(function() {
-              map.removeLayer(myLayerGroup);
-            });
-        });
-    </script>
-    <script src="../leaflet-include.js"></script>
-</head>
-<body>
-    <div id="map"></div>
-    <div id="buttons">
-        <button type="button" id="b1"> Add Layer</button>
-        <button type="button" id="b2"> Remove Layer</button>
-    </div>
-</body>
-</html>