leaflet-js 0.6.beta4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +15 -0
- data/CHANGELOG.rdoc +32 -0
- data/LICENSE +21 -0
- data/README.rdoc +54 -0
- data/Rakefile +15 -0
- data/leaflet-js.gemspec +28 -0
- data/lib/leaflet-js.rb +10 -0
- data/lib/leaflet.draw/BREAKINGCHANGES.md +54 -0
- data/lib/leaflet.draw/CHANGELOG.md +73 -0
- data/lib/leaflet.draw/Jakefile.js +26 -0
- data/lib/leaflet.draw/MIT-LICENCE.txt +20 -0
- data/lib/leaflet.draw/README.md +364 -0
- data/lib/leaflet.draw/TODO.md +62 -0
- data/lib/leaflet.draw/build/build.html +243 -0
- data/lib/leaflet.draw/build/build.js +189 -0
- data/lib/leaflet.draw/build/deps.js +75 -0
- data/lib/leaflet.draw/build/hintrc.js +47 -0
- data/lib/leaflet.draw/build/leaflet.draw-include.js +42 -0
- data/lib/leaflet.draw/dist/images/spritesheet.png +0 -0
- data/lib/leaflet.draw/dist/leaflet.draw-src.js +2429 -0
- data/lib/leaflet.draw/dist/leaflet.draw.css +212 -0
- data/lib/leaflet.draw/dist/leaflet.draw.ie.css +44 -0
- data/lib/leaflet.draw/dist/leaflet.draw.js +10 -0
- data/lib/leaflet.draw/examples/basic.html +106 -0
- data/lib/leaflet.draw/examples/edithandlers.html +67 -0
- data/lib/leaflet.draw/examples/libs/images/layers.png +0 -0
- data/lib/leaflet.draw/examples/libs/images/marker-icon.png +0 -0
- data/lib/leaflet.draw/examples/libs/images/marker-icon@2x.png +0 -0
- data/lib/leaflet.draw/examples/libs/images/marker-shadow.png +0 -0
- data/lib/leaflet.draw/examples/libs/leaflet-src.js +8587 -0
- data/lib/leaflet.draw/examples/libs/leaflet.css +459 -0
- data/lib/leaflet.draw/examples/libs/leaflet.ie.css +51 -0
- data/lib/leaflet.draw/package.json +37 -0
- data/lib/leaflet.draw/spec/after.js +2 -0
- data/lib/leaflet.draw/spec/before.js +3 -0
- data/lib/leaflet.draw/spec/expect.js +1253 -0
- data/lib/leaflet.draw/spec/happen.js +93 -0
- data/lib/leaflet.draw/spec/index.html +36 -0
- data/lib/leaflet.draw/spec/karma.conf.js +69 -0
- data/lib/leaflet.draw/spec/sinon.js +4223 -0
- data/lib/leaflet.draw/spec/suites/DrawControlSpec.js +15 -0
- data/lib/leaflet.draw/spec/suites/SpecHelper.js +26 -0
- data/lib/leaflet.draw/src/Control.Draw.js +101 -0
- data/lib/leaflet.draw/src/Leaflet.draw.js +5 -0
- data/lib/leaflet.draw/src/Toolbar.js +187 -0
- data/lib/leaflet.draw/src/Tooltip.js +52 -0
- data/lib/leaflet.draw/src/copyright.js +8 -0
- data/lib/leaflet.draw/src/draw/DrawToolbar.js +107 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.Circle.js +59 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.Feature.js +74 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.Marker.js +97 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.Polygon.js +79 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.Polyline.js +360 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.Rectangle.js +41 -0
- data/lib/leaflet.draw/src/draw/handler/Draw.SimpleShape.js +67 -0
- data/lib/leaflet.draw/src/edit/EditToolbar.js +93 -0
- data/lib/leaflet.draw/src/edit/handler/Edit.Circle.js +63 -0
- data/lib/leaflet.draw/src/edit/handler/Edit.Poly.js +267 -0
- data/lib/leaflet.draw/src/edit/handler/Edit.Rectangle.js +117 -0
- data/lib/leaflet.draw/src/edit/handler/Edit.SimpleShape.js +138 -0
- data/lib/leaflet.draw/src/edit/handler/EditToolbar.Delete.js +109 -0
- data/lib/leaflet.draw/src/edit/handler/EditToolbar.Edit.js +233 -0
- data/lib/leaflet.draw/src/ext/LatLngUtil.js +18 -0
- data/lib/leaflet.draw/src/ext/LineUtil.Intersect.js +15 -0
- data/lib/leaflet.draw/src/ext/Polygon.Intersect.js +27 -0
- data/lib/leaflet.draw/src/ext/Polyline.Intersect.js +85 -0
- data/lib/leaflet.label/CHANGELOG.md +35 -0
- data/lib/leaflet.label/Jakefile.js +21 -0
- data/lib/leaflet.label/MIT-LICENCE.txt +20 -0
- data/lib/leaflet.label/README.md +86 -0
- data/lib/leaflet.label/build/build.js +155 -0
- data/lib/leaflet.label/build/deps.js +24 -0
- data/lib/leaflet.label/build/hint.js +30 -0
- data/lib/leaflet.label/build/hintrc.js +47 -0
- data/lib/leaflet.label/dist/images/death.png +0 -0
- data/lib/leaflet.label/dist/leaflet.label-src.js +359 -0
- data/lib/leaflet.label/dist/leaflet.label.css +33 -0
- data/lib/leaflet.label/dist/leaflet.label.js +9 -0
- data/lib/leaflet.label/example/label.html +82 -0
- data/lib/leaflet.label/libs/leaflet/images/layers.png +0 -0
- data/lib/leaflet.label/libs/leaflet/images/marker-icon.png +0 -0
- data/lib/leaflet.label/libs/leaflet/images/marker-icon@2x.png +0 -0
- data/lib/leaflet.label/libs/leaflet/images/marker-shadow.png +0 -0
- data/lib/leaflet.label/libs/leaflet/leaflet-src.js +8587 -0
- data/lib/leaflet.label/libs/leaflet/leaflet.css +459 -0
- data/lib/leaflet.label/libs/leaflet/leaflet.ie.css +51 -0
- data/lib/leaflet.label/libs/leaflet/leaflet.js +8 -0
- data/lib/leaflet.label/src/FeatureGroup.Label.js +20 -0
- data/lib/leaflet.label/src/Label.js +123 -0
- data/lib/leaflet.label/src/Leaflet.label.js +5 -0
- data/lib/leaflet.label/src/Map.Label.js +7 -0
- data/lib/leaflet.label/src/Marker.Label.js +160 -0
- data/lib/leaflet.label/src/Path.Label.js +55 -0
- data/lib/leaflet.label/src/copyright.js +8 -0
- data/lib/leaflet/CHANGELOG.md +637 -0
- data/lib/leaflet/CONTRIBUTING.md +155 -0
- data/lib/leaflet/Jakefile.js +26 -0
- data/lib/leaflet/LICENSE +23 -0
- data/lib/leaflet/README.md +30 -0
- data/lib/leaflet/build/build.html +243 -0
- data/lib/leaflet/build/build.js +193 -0
- data/lib/leaflet/build/deps.js +256 -0
- data/lib/leaflet/build/hintrc.js +37 -0
- data/lib/leaflet/debug/css/mobile.css +6 -0
- data/lib/leaflet/debug/css/screen.css +5 -0
- data/lib/leaflet/debug/hacks/jitter.html +43 -0
- data/lib/leaflet/debug/leaflet-include.js +59 -0
- data/lib/leaflet/debug/map/canvas.html +47 -0
- data/lib/leaflet/debug/map/controls.html +50 -0
- data/lib/leaflet/debug/map/geolocation.html +35 -0
- data/lib/leaflet/debug/map/image-overlay.html +44 -0
- data/lib/leaflet/debug/map/map-mobile.html +35 -0
- data/lib/leaflet/debug/map/map.html +60 -0
- data/lib/leaflet/debug/map/max-bounds.html +37 -0
- data/lib/leaflet/debug/map/scroll.html +36 -0
- data/lib/leaflet/debug/map/simple-proj.html +45 -0
- data/lib/leaflet/debug/map/wms-marble.html +31 -0
- data/lib/leaflet/debug/map/wms.html +41 -0
- data/lib/leaflet/debug/map/zoomlevels.html +46 -0
- data/lib/leaflet/debug/tests/add_remove_layers.html +88 -0
- data/lib/leaflet/debug/tests/bringtoback.html +38 -0
- data/lib/leaflet/debug/tests/click_on_canvas.html +59 -0
- data/lib/leaflet/debug/tests/click_on_canvas_broken.html +49 -0
- data/lib/leaflet/debug/tests/opacity.html +57 -0
- data/lib/leaflet/debug/tests/remove_while_dragging.html +29 -0
- data/lib/leaflet/debug/tests/removetilewhilepan.html +42 -0
- data/lib/leaflet/debug/tests/reuse_popups.html +41 -0
- data/lib/leaflet/debug/tests/svg_clicks.html +55 -0
- data/lib/leaflet/debug/vector/bounds-extend.html +89 -0
- data/lib/leaflet/debug/vector/feature-group-bounds.html +91 -0
- data/lib/leaflet/debug/vector/geojson-sample.js +53 -0
- data/lib/leaflet/debug/vector/geojson.html +174 -0
- data/lib/leaflet/debug/vector/rectangle.html +54 -0
- data/lib/leaflet/debug/vector/route.js +1 -0
- data/lib/leaflet/debug/vector/touchzoomemu.html +195 -0
- data/lib/leaflet/debug/vector/us-states.js +54 -0
- data/lib/leaflet/debug/vector/vector-bounds.html +70 -0
- data/lib/leaflet/debug/vector/vector-canvas.html +93 -0
- data/lib/leaflet/debug/vector/vector-mobile.html +39 -0
- data/lib/leaflet/debug/vector/vector-simple.html +49 -0
- data/lib/leaflet/debug/vector/vector.html +38 -0
- data/lib/leaflet/dist/images/layers.png +0 -0
- data/lib/leaflet/dist/images/marker-icon-2x.png +0 -0
- data/lib/leaflet/dist/images/marker-icon.png +0 -0
- data/lib/leaflet/dist/images/marker-shadow.png +0 -0
- data/lib/leaflet/dist/leaflet-src.js +8579 -0
- data/lib/leaflet/dist/leaflet.css +459 -0
- data/lib/leaflet/dist/leaflet.ie.css +51 -0
- data/lib/leaflet/dist/leaflet.js +8 -0
- data/lib/leaflet/package.json +22 -0
- data/lib/leaflet/spec/after.js +2 -0
- data/lib/leaflet/spec/before.js +3 -0
- data/lib/leaflet/spec/expect.js +1253 -0
- data/lib/leaflet/spec/happen.js +93 -0
- data/lib/leaflet/spec/index.html +78 -0
- data/lib/leaflet/spec/karma.conf.js +64 -0
- data/lib/leaflet/spec/sinon.js +4223 -0
- data/lib/leaflet/spec/suites/LeafletSpec.js +13 -0
- data/lib/leaflet/spec/suites/SpecHelper.js +26 -0
- data/lib/leaflet/spec/suites/control/Control.AttributionSpec.js +68 -0
- data/lib/leaflet/spec/suites/control/Control.LayersSpec.js +67 -0
- data/lib/leaflet/spec/suites/control/Control.ScaleSpec.js +6 -0
- data/lib/leaflet/spec/suites/core/ClassSpec.js +156 -0
- data/lib/leaflet/spec/suites/core/EventsSpec.js +336 -0
- data/lib/leaflet/spec/suites/core/UtilSpec.js +212 -0
- data/lib/leaflet/spec/suites/dom/DomEventSpec.js +102 -0
- data/lib/leaflet/spec/suites/dom/DomUtilSpec.js +89 -0
- data/lib/leaflet/spec/suites/geo/LatLngBoundsSpec.js +136 -0
- data/lib/leaflet/spec/suites/geo/LatLngSpec.js +118 -0
- data/lib/leaflet/spec/suites/geo/ProjectionSpec.js +47 -0
- data/lib/leaflet/spec/suites/geometry/BoundsSpec.js +87 -0
- data/lib/leaflet/spec/suites/geometry/LineUtilSpec.js +75 -0
- data/lib/leaflet/spec/suites/geometry/PointSpec.js +104 -0
- data/lib/leaflet/spec/suites/geometry/PolyUtilSpec.js +27 -0
- data/lib/leaflet/spec/suites/geometry/TransformationSpec.js +31 -0
- data/lib/leaflet/spec/suites/layer/FeatureGroupSpec.js +36 -0
- data/lib/leaflet/spec/suites/layer/GeoJSONSpec.js +86 -0
- data/lib/leaflet/spec/suites/layer/LayerGroupSpec.js +58 -0
- data/lib/leaflet/spec/suites/layer/PopupSpec.js +59 -0
- data/lib/leaflet/spec/suites/layer/TileLayerSpec.js +87 -0
- data/lib/leaflet/spec/suites/layer/vector/CircleMarkerSpec.js +53 -0
- data/lib/leaflet/spec/suites/layer/vector/CircleSpec.js +17 -0
- data/lib/leaflet/spec/suites/layer/vector/PolygonSpec.js +55 -0
- data/lib/leaflet/spec/suites/layer/vector/PolylineGeometrySpec.js +35 -0
- data/lib/leaflet/spec/suites/layer/vector/PolylineSpec.js +55 -0
- data/lib/leaflet/spec/suites/map/MapSpec.js +244 -0
- data/lib/leaflet/src/Leaflet.js +23 -0
- data/lib/leaflet/src/control/Control.Attribution.js +115 -0
- data/lib/leaflet/src/control/Control.Layers.js +243 -0
- data/lib/leaflet/src/control/Control.Scale.js +112 -0
- data/lib/leaflet/src/control/Control.Zoom.js +86 -0
- data/lib/leaflet/src/control/Control.js +107 -0
- data/lib/leaflet/src/copyright.js +4 -0
- data/lib/leaflet/src/core/Browser.js +96 -0
- data/lib/leaflet/src/core/Class.js +106 -0
- data/lib/leaflet/src/core/Events.js +174 -0
- data/lib/leaflet/src/core/Handler.js +28 -0
- data/lib/leaflet/src/core/Util.js +182 -0
- data/lib/leaflet/src/dom/DomEvent.DoubleTap.js +103 -0
- data/lib/leaflet/src/dom/DomEvent.MsTouch.js +146 -0
- data/lib/leaflet/src/dom/DomEvent.js +211 -0
- data/lib/leaflet/src/dom/DomUtil.js +239 -0
- data/lib/leaflet/src/dom/Draggable.js +198 -0
- data/lib/leaflet/src/dom/PosAnimation.Timer.js +67 -0
- data/lib/leaflet/src/dom/PosAnimation.js +83 -0
- data/lib/leaflet/src/geo/LatLng.js +88 -0
- data/lib/leaflet/src/geo/LatLngBounds.js +153 -0
- data/lib/leaflet/src/geo/crs/CRS.EPSG3395.js +14 -0
- data/lib/leaflet/src/geo/crs/CRS.EPSG3857.js +21 -0
- data/lib/leaflet/src/geo/crs/CRS.EPSG4326.js +10 -0
- data/lib/leaflet/src/geo/crs/CRS.Simple.js +12 -0
- data/lib/leaflet/src/geo/crs/CRS.js +27 -0
- data/lib/leaflet/src/geo/projection/Projection.LonLat.js +13 -0
- data/lib/leaflet/src/geo/projection/Projection.Mercator.js +56 -0
- data/lib/leaflet/src/geo/projection/Projection.SphericalMercator.js +27 -0
- data/lib/leaflet/src/geo/projection/Projection.js +5 -0
- data/lib/leaflet/src/geometry/Bounds.js +95 -0
- data/lib/leaflet/src/geometry/LineUtil.js +202 -0
- data/lib/leaflet/src/geometry/Point.js +119 -0
- data/lib/leaflet/src/geometry/PolyUtil.js +55 -0
- data/lib/leaflet/src/geometry/Transformation.js +31 -0
- data/lib/leaflet/src/images/marker.svg +1 -0
- data/lib/leaflet/src/layer/FeatureGroup.js +81 -0
- data/lib/leaflet/src/layer/GeoJSON.js +245 -0
- data/lib/leaflet/src/layer/ImageOverlay.js +132 -0
- data/lib/leaflet/src/layer/LayerGroup.js +110 -0
- data/lib/leaflet/src/layer/Popup.js +316 -0
- data/lib/leaflet/src/layer/marker/DivIcon.js +43 -0
- data/lib/leaflet/src/layer/marker/Icon.Default.js +51 -0
- data/lib/leaflet/src/layer/marker/Icon.js +101 -0
- data/lib/leaflet/src/layer/marker/Marker.Drag.js +66 -0
- data/lib/leaflet/src/layer/marker/Marker.Popup.js +72 -0
- data/lib/leaflet/src/layer/marker/Marker.js +275 -0
- data/lib/leaflet/src/layer/tile/TileLayer.Anim.js +117 -0
- data/lib/leaflet/src/layer/tile/TileLayer.Canvas.js +60 -0
- data/lib/leaflet/src/layer/tile/TileLayer.WMS.js +83 -0
- data/lib/leaflet/src/layer/tile/TileLayer.js +578 -0
- data/lib/leaflet/src/layer/vector/Circle.js +98 -0
- data/lib/leaflet/src/layer/vector/CircleMarker.js +33 -0
- data/lib/leaflet/src/layer/vector/MultiPoly.js +47 -0
- data/lib/leaflet/src/layer/vector/Path.Popup.js +65 -0
- data/lib/leaflet/src/layer/vector/Path.SVG.js +219 -0
- data/lib/leaflet/src/layer/vector/Path.VML.js +125 -0
- data/lib/leaflet/src/layer/vector/Path.js +115 -0
- data/lib/leaflet/src/layer/vector/Polygon.js +81 -0
- data/lib/leaflet/src/layer/vector/Polyline.js +164 -0
- data/lib/leaflet/src/layer/vector/Rectangle.js +27 -0
- data/lib/leaflet/src/layer/vector/canvas/Circle.Canvas.js +18 -0
- data/lib/leaflet/src/layer/vector/canvas/Path.Canvas.js +196 -0
- data/lib/leaflet/src/layer/vector/canvas/Polygon.Canvas.js +37 -0
- data/lib/leaflet/src/layer/vector/canvas/Polyline.Canvas.js +30 -0
- data/lib/leaflet/src/map/Map.js +743 -0
- data/lib/leaflet/src/map/anim/Map.PanAnimation.js +88 -0
- data/lib/leaflet/src/map/anim/Map.ZoomAnimation.js +90 -0
- data/lib/leaflet/src/map/ext/Map.Geolocation.js +91 -0
- data/lib/leaflet/src/map/handler/Map.BoxZoom.js +104 -0
- data/lib/leaflet/src/map/handler/Map.DoubleClickZoom.js +23 -0
- data/lib/leaflet/src/map/handler/Map.Drag.js +146 -0
- data/lib/leaflet/src/map/handler/Map.Keyboard.js +147 -0
- data/lib/leaflet/src/map/handler/Map.ScrollWheelZoom.js +56 -0
- data/lib/leaflet/src/map/handler/Map.TouchZoom.js +121 -0
- data/vendor/assets/images/layers.png +0 -0
- data/vendor/assets/images/marker-icon-2x.png +0 -0
- data/vendor/assets/images/marker-icon.png +0 -0
- data/vendor/assets/images/marker-shadow.png +0 -0
- data/vendor/assets/images/spritesheet.png +0 -0
- data/vendor/assets/javascripts/leaflet.draw.js +39 -0
- data/vendor/assets/javascripts/leaflet.js +145 -0
- data/vendor/assets/javascripts/leaflet.label.js +9 -0
- data/vendor/assets/stylesheets/leaflet.css.erb +459 -0
- data/vendor/assets/stylesheets/leaflet.draw.css.erb +212 -0
- data/vendor/assets/stylesheets/leaflet.draw.ie.css +44 -0
- data/vendor/assets/stylesheets/leaflet.ie.css +51 -0
- data/vendor/assets/stylesheets/leaflet.label.css +33 -0
- metadata +317 -0
@@ -0,0 +1,29 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
10
|
+
|
11
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
12
|
+
<script src="../leaflet-include.js"></script>
|
13
|
+
</head>
|
14
|
+
<body>
|
15
|
+
|
16
|
+
<div id="map" style="width: 600px; height: 600px; border: 1px solid #ccc"></div>
|
17
|
+
|
18
|
+
<script type="text/javascript">
|
19
|
+
|
20
|
+
var map = L.map('map').setView( [50, 50], 10);
|
21
|
+
var marker = L.marker([50, 50], {draggable: true}).addTo(map);
|
22
|
+
|
23
|
+
setTimeout(function() {
|
24
|
+
map.removeLayer(marker);
|
25
|
+
}, 3000);
|
26
|
+
|
27
|
+
</script>
|
28
|
+
</body>
|
29
|
+
</html>
|
@@ -0,0 +1,42 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
|
+
|
8
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
|
+
|
11
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
12
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
13
|
+
<script src="../leaflet-include.js"></script>
|
14
|
+
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.0.js'></script>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
|
18
|
+
<div id="map"></div>
|
19
|
+
|
20
|
+
<script type="text/javascript">
|
21
|
+
|
22
|
+
var map = new L.Map('map', { center: new L.LatLng(45.50144, -122.67599), zoom: 4 });
|
23
|
+
|
24
|
+
var demoUrl='http://server.arcgisonline.com/ArcGIS/rest/services/Demographics/USA_Average_Household_Size/MapServer/tile/{z}/{y}/{x}';
|
25
|
+
var demoMap = new L.TileLayer(demoUrl, { maxZoom: 19, attribution: 'Tiles: © Esri' });
|
26
|
+
|
27
|
+
var topoUrl = 'http://server.arcgisonline.com/ArcGIS/rest/services/USA_Topo_Maps/MapServer/tile/{z}/{y}/{x}';
|
28
|
+
var topoMap = new L.TileLayer(topoUrl, { maxZoom: 19, attribution: 'Tiles: © Esri' });
|
29
|
+
map.addLayer(topoMap);
|
30
|
+
|
31
|
+
map.addLayer(demoMap);
|
32
|
+
|
33
|
+
map.on('dragstart', function () {
|
34
|
+
console.log('dragstart');
|
35
|
+
setTimeout(function () {
|
36
|
+
console.log('removing');
|
37
|
+
map.removeLayer(demoMap);
|
38
|
+
}, 400);
|
39
|
+
});
|
40
|
+
</script>
|
41
|
+
</body>
|
42
|
+
</html>
|
@@ -0,0 +1,41 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
10
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
11
|
+
<script src="../leaflet-include.js"></script>
|
12
|
+
</head>
|
13
|
+
<body>
|
14
|
+
<div id="map" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>
|
15
|
+
|
16
|
+
<script>
|
17
|
+
var map = L.map('map');
|
18
|
+
|
19
|
+
var marker = L.marker([51.5, -0.09])
|
20
|
+
.bindPopup("<b>Hello world!</b><br />I am a popup.")
|
21
|
+
.addTo(map);
|
22
|
+
//.openPopup();
|
23
|
+
|
24
|
+
var marker2 = L.marker([51.525, -0.09])
|
25
|
+
.addTo(map);
|
26
|
+
|
27
|
+
map.setView([51.505, -0.09], 13);
|
28
|
+
|
29
|
+
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png', {
|
30
|
+
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
31
|
+
maxZoom: 18,
|
32
|
+
key: 'd4fc77ea4a63471cab2423e66626cbb6',
|
33
|
+
styleId: 997
|
34
|
+
}).addTo(map);
|
35
|
+
|
36
|
+
var a_popup = L.popup().setContent('Previously created')
|
37
|
+
|
38
|
+
marker2.bindPopup(a_popup);
|
39
|
+
</script>
|
40
|
+
</body>
|
41
|
+
</html>
|
@@ -0,0 +1,55 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
|
+
|
8
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
|
+
|
11
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
12
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
13
|
+
<script src="../leaflet-include.js"></script>
|
14
|
+
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.0.js'></script>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
|
18
|
+
<div id="map"></div>
|
19
|
+
|
20
|
+
<script type="text/javascript">
|
21
|
+
|
22
|
+
var map;
|
23
|
+
var myLayerGroup = new L.LayerGroup();
|
24
|
+
|
25
|
+
initmap();
|
26
|
+
|
27
|
+
function initmap() {
|
28
|
+
// set up the map
|
29
|
+
map = new L.Map('map');
|
30
|
+
|
31
|
+
// create the tile layer with correct attribution
|
32
|
+
var osmUrl = 'http://a.tile.openstreetmap.org/{z}/{x}/{y}.png';
|
33
|
+
var osm = new L.TileLayer(osmUrl, { minZoom: 1, maxZoom: 17 });
|
34
|
+
map.addLayer(osm);
|
35
|
+
map.fitBounds(new L.LatLngBounds([51,7],[51,7]));
|
36
|
+
|
37
|
+
var route = L.polyline([
|
38
|
+
[51, 7.000],
|
39
|
+
[51.002, 7.004],
|
40
|
+
[51.004, 7.006]
|
41
|
+
]).addTo(map).on('click',function(e){console.log('bottom')})
|
42
|
+
|
43
|
+
var route2 = L.polyline([
|
44
|
+
[51, 7.000],
|
45
|
+
[51.002, 7.004]
|
46
|
+
],
|
47
|
+
{ clickable:false,color:'#f00' }
|
48
|
+
).addTo(map);
|
49
|
+
|
50
|
+
// when the mouse hovers over the red route2, you cannot click through the blue route1 beneath
|
51
|
+
};
|
52
|
+
|
53
|
+
</script>
|
54
|
+
</body>
|
55
|
+
</html>
|
@@ -0,0 +1,89 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
10
|
+
|
11
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
12
|
+
<script src="../leaflet-include.js"></script>
|
13
|
+
</head>
|
14
|
+
<body>
|
15
|
+
<div id="map" style="width: 800px; height: 600px; border: 1px solid #ccc"></div>
|
16
|
+
<button onclick="boundsExtendBounds();">Extend the bounds of the center rectangle with the upper right rectangle</button>
|
17
|
+
<button onclick="boundsExtendLatLng()">Extend the bounds of the center rectangle with the lower left marker</button>
|
18
|
+
<script src="route.js"></script>
|
19
|
+
<script>
|
20
|
+
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
|
21
|
+
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18});
|
22
|
+
|
23
|
+
var latLng = new L.LatLng(54.18815548107151, -7.657470703124999);
|
24
|
+
|
25
|
+
var bounds1 = new L.LatLngBounds(new L.LatLng(54.559322, -5.767822), new L.LatLng(56.1210604, -3.021240));
|
26
|
+
var bounds2 = new L.LatLngBounds(new L.LatLng(56.56023925701561, -2.076416015625), new L.LatLng(57.01158038001565, -0.9777832031250001));
|
27
|
+
var bounds3;
|
28
|
+
|
29
|
+
var map = new L.Map('map', {
|
30
|
+
layers: [cloudmade],
|
31
|
+
center: bounds1.getCenter(),
|
32
|
+
zoom: 7
|
33
|
+
});
|
34
|
+
|
35
|
+
var rectangle1 = new L.Rectangle(bounds1);
|
36
|
+
var rectangle2 = new L.Rectangle(bounds2);
|
37
|
+
var rectangle3;
|
38
|
+
|
39
|
+
var marker = new L.Marker(latLng);
|
40
|
+
|
41
|
+
map.addLayer(rectangle1).addLayer(rectangle2).addLayer(marker);
|
42
|
+
|
43
|
+
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
function boundsExtendBounds() {
|
48
|
+
if (rectangle3) {
|
49
|
+
map.removeLayer(rectangle3);
|
50
|
+
rectangle3 = null;
|
51
|
+
}
|
52
|
+
if (bounds3) {
|
53
|
+
bounds3 = null;
|
54
|
+
}
|
55
|
+
bounds3 = new L.LatLngBounds(bounds1.getSouthWest(), bounds1.getNorthEast());
|
56
|
+
bounds3.extend(bounds2);
|
57
|
+
rectangle3 = new L.Rectangle(bounds3, {
|
58
|
+
color: "#ff0000",
|
59
|
+
weight: 1,
|
60
|
+
opacity: 1,
|
61
|
+
fillOpacity: 0
|
62
|
+
});
|
63
|
+
|
64
|
+
map.addLayer(rectangle3);
|
65
|
+
}
|
66
|
+
|
67
|
+
function boundsExtendLatLng() {
|
68
|
+
if (rectangle3) {
|
69
|
+
map.removeLayer(rectangle3);
|
70
|
+
rectangle3 = null;
|
71
|
+
}
|
72
|
+
if (bounds3) {
|
73
|
+
bounds3 = null;
|
74
|
+
}
|
75
|
+
bounds3 = new L.LatLngBounds(bounds1.getSouthWest(), bounds1.getNorthEast());
|
76
|
+
bounds3.extend(marker.getLatLng());
|
77
|
+
rectangle3 = new L.Rectangle(bounds3, {
|
78
|
+
color: "#ff0000",
|
79
|
+
weight: 1,
|
80
|
+
opacity: 1,
|
81
|
+
fillOpacity: 0
|
82
|
+
});
|
83
|
+
|
84
|
+
map.addLayer(rectangle3);
|
85
|
+
}
|
86
|
+
|
87
|
+
</script>
|
88
|
+
</body>
|
89
|
+
</html>
|
@@ -0,0 +1,91 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
10
|
+
|
11
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
12
|
+
<script src="../leaflet-include.js"></script>
|
13
|
+
</head>
|
14
|
+
<body>
|
15
|
+
|
16
|
+
<div id="map" style="width: 600px; height: 600px; border: 1px solid #ccc"></div>
|
17
|
+
<button onclick="geojsonLayerBounds();">Show GeoJSON layer bounds</button>
|
18
|
+
<button onclick="featureGroupBounds();">Show feature group bounds</button>
|
19
|
+
|
20
|
+
<script type="text/javascript" src="geojson-sample.js"></script>
|
21
|
+
<script type="text/javascript">
|
22
|
+
|
23
|
+
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
|
24
|
+
cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
25
|
+
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution}),
|
26
|
+
rectangle,
|
27
|
+
featureGroup;
|
28
|
+
|
29
|
+
var map = new L.Map('map', {
|
30
|
+
center: new L.LatLng(0.78, 102.37),
|
31
|
+
zoom: 7,
|
32
|
+
layers: [cloudmade]
|
33
|
+
});
|
34
|
+
|
35
|
+
var geojson = L.geoJson(geojsonSample, {
|
36
|
+
|
37
|
+
style: function (feature) {
|
38
|
+
return {color: feature.properties.color};
|
39
|
+
},
|
40
|
+
|
41
|
+
onEachFeature: function (feature, layer) {
|
42
|
+
var popupText = 'geometry type: ' + feature.geometry.type;
|
43
|
+
|
44
|
+
if (feature.properties.color) {
|
45
|
+
popupText += '<br/>color: ' + feature.properties.color
|
46
|
+
}
|
47
|
+
|
48
|
+
layer.bindPopup(popupText);
|
49
|
+
}
|
50
|
+
});
|
51
|
+
|
52
|
+
geojson.addLayer(new L.Marker(new L.LatLng(2.745530718801952, 105.194091796875)))
|
53
|
+
|
54
|
+
var eye1 = new L.Marker(new L.LatLng(-0.7250783020332547, 101.8212890625));
|
55
|
+
var eye2 = new L.Marker(new L.LatLng(-0.7360637370492077, 103.2275390625));
|
56
|
+
var nose = new L.Marker(new L.LatLng(-1.3292264529974207, 102.5463867187));
|
57
|
+
var mouth = new L.Polyline([
|
58
|
+
new L.LatLng(-1.3841426927920029, 101.7333984375),
|
59
|
+
new L.LatLng(-1.6037944300589726, 101.964111328125),
|
60
|
+
new L.LatLng(-1.6806671337507222, 102.249755859375),
|
61
|
+
new L.LatLng(-1.7355743631421197, 102.67822265625),
|
62
|
+
new L.LatLng(-1.5928123762763, 103.0078125),
|
63
|
+
new L.LatLng(-1.3292264529974207, 103.3154296875)
|
64
|
+
]);
|
65
|
+
map.addLayer(eye1).addLayer(eye2).addLayer(nose).addLayer(mouth);
|
66
|
+
featureGroup = new L.FeatureGroup([eye1, eye2, nose, mouth]);
|
67
|
+
|
68
|
+
map.addLayer(geojson);
|
69
|
+
map.addLayer(featureGroup);
|
70
|
+
|
71
|
+
function geojsonLayerBounds() {
|
72
|
+
if (rectangle) {
|
73
|
+
rectangle.setBounds(geojson.getBounds());
|
74
|
+
} else {
|
75
|
+
rectangle = new L.Rectangle(geojson.getBounds());
|
76
|
+
map.addLayer(rectangle);
|
77
|
+
}
|
78
|
+
}
|
79
|
+
|
80
|
+
function featureGroupBounds() {
|
81
|
+
if (rectangle) {
|
82
|
+
rectangle.setBounds(featureGroup.getBounds());
|
83
|
+
} else {
|
84
|
+
rectangle = new L.Rectangle(featureGroup.getBounds());
|
85
|
+
map.addLayer(rectangle);
|
86
|
+
}
|
87
|
+
|
88
|
+
}
|
89
|
+
</script>
|
90
|
+
</body>
|
91
|
+
</html>
|
@@ -0,0 +1,53 @@
|
|
1
|
+
var geojsonSample = {
|
2
|
+
"type": "FeatureCollection",
|
3
|
+
"features": [
|
4
|
+
{
|
5
|
+
"type": "Feature",
|
6
|
+
"geometry": {
|
7
|
+
"type": "Point",
|
8
|
+
"coordinates": [102.0, 0.5]
|
9
|
+
},
|
10
|
+
"properties": {
|
11
|
+
"prop0": "value0",
|
12
|
+
"color": "blue"
|
13
|
+
}
|
14
|
+
},
|
15
|
+
|
16
|
+
{
|
17
|
+
"type": "Feature",
|
18
|
+
"geometry": {
|
19
|
+
"type": "LineString",
|
20
|
+
"coordinates": [[102.0, 0.0], [103.0, 1.0], [104.0, 0.0], [105.0, 1.0]]
|
21
|
+
},
|
22
|
+
"properties": {
|
23
|
+
"color": "red",
|
24
|
+
"prop1": 0.0
|
25
|
+
}
|
26
|
+
},
|
27
|
+
|
28
|
+
{
|
29
|
+
"type": "Feature",
|
30
|
+
"geometry": {
|
31
|
+
"type": "Polygon",
|
32
|
+
"coordinates": [[[100.0, 0.0], [101.0, 0.0], [101.0, 1.0], [100.0, 1.0], [100.0, 0.0]]]
|
33
|
+
},
|
34
|
+
"properties": {
|
35
|
+
"color": "green",
|
36
|
+
"prop1": {
|
37
|
+
"this": "that"
|
38
|
+
}
|
39
|
+
}
|
40
|
+
},
|
41
|
+
|
42
|
+
{
|
43
|
+
"type": "Feature",
|
44
|
+
"geometry": {
|
45
|
+
"type": "MultiPolygon",
|
46
|
+
"coordinates": [[[[100.0, 1.5], [100.5, 1.5], [100.5, 2.0], [100.0, 2.0], [100.0, 1.5]]], [[[100.5, 2.0], [100.5, 2.5], [101.0, 2.5], [101.0, 2.0], [100.5, 2.0]]]]
|
47
|
+
},
|
48
|
+
"properties": {
|
49
|
+
"color": "purple"
|
50
|
+
}
|
51
|
+
}
|
52
|
+
]
|
53
|
+
};
|
@@ -0,0 +1,174 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
10
|
+
|
11
|
+
<style>
|
12
|
+
#map {
|
13
|
+
width: 800px;
|
14
|
+
height: 500px;
|
15
|
+
}
|
16
|
+
|
17
|
+
.info {
|
18
|
+
padding: 6px 8px;
|
19
|
+
font: 14px/16px Arial, Helvetica, sans-serif;
|
20
|
+
background: white;
|
21
|
+
background: rgba(255,255,255,0.8);
|
22
|
+
box-shadow: 0 0 15px rgba(0,0,0,0.2);
|
23
|
+
border-radius: 5px;
|
24
|
+
}
|
25
|
+
.info h4 {
|
26
|
+
margin: 0 0 5px;
|
27
|
+
color: #777;
|
28
|
+
}
|
29
|
+
|
30
|
+
.legend {
|
31
|
+
text-align: left;
|
32
|
+
line-height: 18px;
|
33
|
+
color: #555;
|
34
|
+
}
|
35
|
+
.legend i {
|
36
|
+
width: 18px;
|
37
|
+
height: 18px;
|
38
|
+
float: left;
|
39
|
+
margin-right: 8px;
|
40
|
+
opacity: 0.7;
|
41
|
+
}
|
42
|
+
</style>
|
43
|
+
|
44
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
45
|
+
<script src="../leaflet-include.js"></script>
|
46
|
+
</head>
|
47
|
+
<body>
|
48
|
+
|
49
|
+
<div id="map"></div>
|
50
|
+
|
51
|
+
<script type="text/javascript" src="us-states.js"></script>
|
52
|
+
<script type="text/javascript">
|
53
|
+
|
54
|
+
var map = L.map('map').setView([37.8, -96], 4);
|
55
|
+
|
56
|
+
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{styleId}/256/{z}/{x}/{y}.png', {
|
57
|
+
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
58
|
+
key: 'd4fc77ea4a63471cab2423e66626cbb6',
|
59
|
+
styleId: 998
|
60
|
+
}).addTo(map);
|
61
|
+
|
62
|
+
|
63
|
+
// control that shows state info on hover
|
64
|
+
var info = L.control();
|
65
|
+
|
66
|
+
info.onAdd = function (map) {
|
67
|
+
this._div = L.DomUtil.create('div', 'info');
|
68
|
+
this.update();
|
69
|
+
return this._div;
|
70
|
+
};
|
71
|
+
|
72
|
+
info.update = function (props) {
|
73
|
+
this._div.innerHTML = '<h4>US Population Density</h4>' + (props ?
|
74
|
+
'<b>' + props.name + '</b><br />' + props.density + ' people / mi<sup>2</sup>'
|
75
|
+
: 'Hover over a state');
|
76
|
+
};
|
77
|
+
|
78
|
+
info.addTo(map);
|
79
|
+
|
80
|
+
|
81
|
+
// get color depending on population density value
|
82
|
+
function getColor(d) {
|
83
|
+
return d > 1000 ? '#800026' :
|
84
|
+
d > 500 ? '#BD0026' :
|
85
|
+
d > 200 ? '#E31A1C' :
|
86
|
+
d > 100 ? '#FC4E2A' :
|
87
|
+
d > 50 ? '#FD8D3C' :
|
88
|
+
d > 20 ? '#FEB24C' :
|
89
|
+
d > 10 ? '#FED976' :
|
90
|
+
'#FFEDA0';
|
91
|
+
}
|
92
|
+
|
93
|
+
function style(feature) {
|
94
|
+
return {
|
95
|
+
weight: 2,
|
96
|
+
opacity: 1,
|
97
|
+
color: 'white',
|
98
|
+
dashArray: '3',
|
99
|
+
fillOpacity: 0.7,
|
100
|
+
fillColor: getColor(feature.properties.density)
|
101
|
+
};
|
102
|
+
}
|
103
|
+
|
104
|
+
function highlightFeature(e) {
|
105
|
+
var layer = e.target;
|
106
|
+
|
107
|
+
layer.setStyle({
|
108
|
+
weight: 5,
|
109
|
+
color: '#666',
|
110
|
+
dashArray: '',
|
111
|
+
fillOpacity: 0.7
|
112
|
+
});
|
113
|
+
|
114
|
+
if (!L.Browser.ie) {
|
115
|
+
layer.bringToFront();
|
116
|
+
}
|
117
|
+
|
118
|
+
info.update(layer.feature.properties);
|
119
|
+
}
|
120
|
+
|
121
|
+
var geojson;
|
122
|
+
|
123
|
+
function resetHighlight(e) {
|
124
|
+
geojson.resetStyle(e.target);
|
125
|
+
info.update();
|
126
|
+
}
|
127
|
+
|
128
|
+
function zoomToFeature(e) {
|
129
|
+
map.fitBounds(e.target.getBounds());
|
130
|
+
}
|
131
|
+
|
132
|
+
function onEachFeature(feature, layer) {
|
133
|
+
layer.on({
|
134
|
+
mouseover: highlightFeature,
|
135
|
+
mouseout: resetHighlight,
|
136
|
+
click: zoomToFeature
|
137
|
+
});
|
138
|
+
}
|
139
|
+
|
140
|
+
geojson = L.geoJson(statesData, {
|
141
|
+
style: style,
|
142
|
+
onEachFeature: onEachFeature
|
143
|
+
}).addTo(map);
|
144
|
+
|
145
|
+
map.attributionControl.addAttribution('Population data © <a href="http://census.gov/">US Census Bureau</a>');
|
146
|
+
|
147
|
+
|
148
|
+
var legend = L.control({position: 'bottomright'});
|
149
|
+
|
150
|
+
legend.onAdd = function (map) {
|
151
|
+
|
152
|
+
var div = L.DomUtil.create('div', 'info legend'),
|
153
|
+
grades = [0, 10, 20, 50, 100, 200, 500, 1000],
|
154
|
+
labels = [],
|
155
|
+
from, to;
|
156
|
+
|
157
|
+
for (var i = 0; i < grades.length; i++) {
|
158
|
+
from = grades[i];
|
159
|
+
to = grades[i + 1];
|
160
|
+
|
161
|
+
labels.push(
|
162
|
+
'<i style="background:' + getColor(from + 1) + '"></i> ' +
|
163
|
+
from + (to ? '–' + to : '+'));
|
164
|
+
}
|
165
|
+
|
166
|
+
div.innerHTML = labels.join('<br>');
|
167
|
+
return div;
|
168
|
+
};
|
169
|
+
|
170
|
+
legend.addTo(map);
|
171
|
+
|
172
|
+
</script>
|
173
|
+
</body>
|
174
|
+
</html>
|