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

leaflet-js 0.7.0.4 → 0.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

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>