Installed leaflet in extlib

2012-01-10 01:54:37 +01:00
parent c47a03b909
commit c5ba5b0456
96 changed files with 5756 additions and 0 deletions
--- a/extlib/leaflet/debug/geojson/geojson.html
+++ b/extlib/leaflet/debug/geojson/geojson.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" src="geojson-sample.js"></script>
+	<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', {
+			center: new L.LatLng(0.78, 102.37), 
+			zoom: 7, 
+			layers: [cloudmade]
+		});
+		
+		var geojson = new L.GeoJSON();
+		
+		/* points are rendered as markers by default, but you can change this:
+			
+		var geojson = new L.GeoJSON(null, {
+			pointToLayer: function(latlng) { return new L.CircleMarker(latlng); }
+		});
+		*/
+		
+		
+		geojson.on('featureparse', function(e) {
+			// you can style features depending on their properties, etc.
+			var popupText = 'geometry type: ' + e.geometryType + '<br/>';
+			if (e.layer instanceof L.Path) {
+				e.layer.setStyle({color: e.properties.color});
+				popupText += 'color: ' + e.properties.color;
+			}
+			e.layer.bindPopup(popupText);
+		});
+		
+		geojson.addGeoJSON(geojsonSample);
+		
+		map.addLayer(geojson);
+	</script>
+</body>
+</html>