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,43 @@
|
|
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
|
+
<meta name="viewport" content="width=device-width,initial-scale=1 maximum-scale=1.0 user-scalable=0">
|
10
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
11
|
+
|
12
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
13
|
+
<script src="../leaflet-include.js"></script>
|
14
|
+
</head>
|
15
|
+
<body>
|
16
|
+
|
17
|
+
<div id="map"></div>
|
18
|
+
<div >
|
19
|
+
<form method="get">Click in field then scroll map (in up/left direction) to see shift of map tiles.
|
20
|
+
<fieldset><label for="textField">Name</label>:
|
21
|
+
<input id="textField" name="textField" type="text" value="">
|
22
|
+
</fieldset>
|
23
|
+
</form>
|
24
|
+
Bug tested to occur on: Safari on Mac (Tested in 5.1.7), iPad/iPhone 5.1.1., Android 4 Browser. Hack is in L.Browser.chrome and TileLayer._addTile
|
25
|
+
|
26
|
+
</div>
|
27
|
+
<script type="text/javascript">
|
28
|
+
|
29
|
+
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/997/256/{z}/{x}/{y}.png', {
|
30
|
+
maxZoom: 18,
|
31
|
+
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
32
|
+
key: 'd4fc77ea4a63471cab2423e66626cbb6'
|
33
|
+
});
|
34
|
+
|
35
|
+
//Disable the hack fix
|
36
|
+
L.Browser.chrome = true;
|
37
|
+
|
38
|
+
var map = L.map('map')
|
39
|
+
.setView([50.5, 30.51], 15)
|
40
|
+
.addLayer(cloudmade);
|
41
|
+
</script>
|
42
|
+
</body>
|
43
|
+
</html>
|
@@ -0,0 +1,59 @@
|
|
1
|
+
(function() {
|
2
|
+
function getFiles() {
|
3
|
+
var memo = {},
|
4
|
+
files = [],
|
5
|
+
i, src;
|
6
|
+
|
7
|
+
function addFiles(srcs) {
|
8
|
+
for (var j = 0, len = srcs.length; j < len; j++) {
|
9
|
+
memo[srcs[j]] = true;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
for (i in deps) {
|
14
|
+
addFiles(deps[i].src);
|
15
|
+
}
|
16
|
+
|
17
|
+
for (src in memo) {
|
18
|
+
files.push(src);
|
19
|
+
}
|
20
|
+
|
21
|
+
return files;
|
22
|
+
}
|
23
|
+
var scripts = getFiles();
|
24
|
+
|
25
|
+
function getSrcUrl() {
|
26
|
+
var scripts = document.getElementsByTagName('script');
|
27
|
+
for (var i = 0; i < scripts.length; i++) {
|
28
|
+
var src = scripts[i].src;
|
29
|
+
if (src) {
|
30
|
+
var res = src.match(/^(.*)leaflet-include\.js$/);
|
31
|
+
if (res) {
|
32
|
+
return res[1] + '../src/';
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
}
|
37
|
+
|
38
|
+
var path = getSrcUrl();
|
39
|
+
for (var i = 0; i < scripts.length; i++) {
|
40
|
+
document.writeln("<script src='" + path + scripts[i] + "'></script>");
|
41
|
+
}
|
42
|
+
document.writeln('<script defer>L.Icon.Default.imagePath = "' + path + '../dist/images";</script>');
|
43
|
+
})();
|
44
|
+
|
45
|
+
function getRandomLatLng(map) {
|
46
|
+
var bounds = map.getBounds(),
|
47
|
+
southWest = bounds.getSouthWest(),
|
48
|
+
northEast = bounds.getNorthEast(),
|
49
|
+
lngSpan = northEast.lng - southWest.lng,
|
50
|
+
latSpan = northEast.lat - southWest.lat;
|
51
|
+
|
52
|
+
return new L.LatLng(
|
53
|
+
southWest.lat + latSpan * Math.random(),
|
54
|
+
southWest.lng + lngSpan * Math.random());
|
55
|
+
}
|
56
|
+
|
57
|
+
function logEvent(e) {
|
58
|
+
console.log(e.type);
|
59
|
+
}
|
@@ -0,0 +1,47 @@
|
|
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 tiles = new L.TileLayer.Canvas();
|
21
|
+
|
22
|
+
tiles.drawTile = function(canvas, tile, zoom) {
|
23
|
+
var ctx = canvas.getContext('2d');
|
24
|
+
|
25
|
+
ctx.fillStyle = 'white';
|
26
|
+
ctx.fillRect(0, 0, 255, 255);
|
27
|
+
|
28
|
+
|
29
|
+
ctx.fillStyle = 'black';
|
30
|
+
ctx.fillText('x: ' + tile.x + ', y: ' + tile.y + ', zoom:' + zoom, 20, 20);
|
31
|
+
|
32
|
+
|
33
|
+
ctx.strokeStyle = 'red';
|
34
|
+
ctx.beginPath();
|
35
|
+
ctx.moveTo(0, 0);
|
36
|
+
ctx.lineTo(255, 0);
|
37
|
+
ctx.lineTo(255, 255);
|
38
|
+
ctx.lineTo(0, 255);
|
39
|
+
ctx.closePath();
|
40
|
+
ctx.stroke();
|
41
|
+
}
|
42
|
+
|
43
|
+
var map = new L.Map('map', {center: new L.LatLng(50.5, 30.51), zoom: 15, layers: [tiles]});
|
44
|
+
|
45
|
+
</script>
|
46
|
+
</body>
|
47
|
+
</html>
|
@@ -0,0 +1,50 @@
|
|
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"></div>
|
17
|
+
|
18
|
+
<script type="text/javascript">
|
19
|
+
|
20
|
+
function getCloudMadeUrl(styleId) {
|
21
|
+
return 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/' + styleId + '/256/{z}/{x}/{y}.png';
|
22
|
+
}
|
23
|
+
|
24
|
+
var cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
25
|
+
cloudmade = new L.TileLayer(getCloudMadeUrl(997), {attribution: cloudmadeAttribution}),
|
26
|
+
cloudmade2 = new L.TileLayer(getCloudMadeUrl(998), {attribution: 'Hello world'});
|
27
|
+
|
28
|
+
var map = new L.Map('map').addLayer(cloudmade).setView(new L.LatLng(50.5, 30.51), 15);
|
29
|
+
|
30
|
+
var marker = new L.CircleMarker(new L.LatLng(50.5, 30.505), {color: 'red'});
|
31
|
+
map.addLayer(marker);
|
32
|
+
marker.bindPopup("Hello World").openPopup();
|
33
|
+
|
34
|
+
var marker2 = new L.Marker(new L.LatLng(50.502, 30.515));
|
35
|
+
map.addLayer(marker2);
|
36
|
+
|
37
|
+
var layersControl = new L.Control.Layers({
|
38
|
+
'CloudMade Fresh': cloudmade,
|
39
|
+
'CloudMade Pale Dawn': cloudmade2
|
40
|
+
}, {
|
41
|
+
'Some marker': marker,
|
42
|
+
'Another marker': marker2
|
43
|
+
});
|
44
|
+
|
45
|
+
map.addControl(layersControl);
|
46
|
+
map.addControl(new L.Control.Scale());
|
47
|
+
|
48
|
+
</script>
|
49
|
+
</body>
|
50
|
+
</html>
|
@@ -0,0 +1,35 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet geolocation 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
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
10
|
+
|
11
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
12
|
+
|
13
|
+
<script src="../leaflet-include.js"></script>
|
14
|
+
</head>
|
15
|
+
<body>
|
16
|
+
|
17
|
+
<div id="map"></div>
|
18
|
+
|
19
|
+
<script type="text/javascript">
|
20
|
+
|
21
|
+
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
|
22
|
+
cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
23
|
+
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution});
|
24
|
+
|
25
|
+
var map = new L.Map('map', {zoom: 15, layers: [cloudmade]});
|
26
|
+
|
27
|
+
function logEvent(e) { console.log(e.type); }
|
28
|
+
map.on('locationerror', logEvent);
|
29
|
+
map.on('locationfound', logEvent);
|
30
|
+
|
31
|
+
map.locate({setView: true});
|
32
|
+
|
33
|
+
</script>
|
34
|
+
</body>
|
35
|
+
</html>
|
@@ -0,0 +1,44 @@
|
|
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
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
10
|
+
|
11
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
12
|
+
|
13
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
14
|
+
<script src="../leaflet-include.js"></script>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
|
18
|
+
<div id="map"></div>
|
19
|
+
<button id="populate">Populate with 10 markers</button>
|
20
|
+
|
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
|
+
latlng = new L.LatLng(50.5, 30.51);
|
27
|
+
|
28
|
+
var map = new L.Map('map');
|
29
|
+
map.addLayer(cloudmade);
|
30
|
+
|
31
|
+
var bounds = new L.LatLngBounds(
|
32
|
+
new L.LatLng(40.71222,-74.22655),
|
33
|
+
new L.LatLng(40.77394,-74.12544));
|
34
|
+
|
35
|
+
map.fitBounds(bounds);
|
36
|
+
|
37
|
+
var overlay = new L.ImageOverlay("https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg", bounds, {
|
38
|
+
opacity: 0.5
|
39
|
+
});
|
40
|
+
map.addLayer(overlay);
|
41
|
+
|
42
|
+
</script>
|
43
|
+
</body>
|
44
|
+
</html>
|
@@ -0,0 +1,35 @@
|
|
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/mobile.css" />
|
12
|
+
|
13
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
14
|
+
<script src="../leaflet-include.js"></script>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
|
18
|
+
<div id="map"></div>
|
19
|
+
|
20
|
+
<script type="text/javascript">
|
21
|
+
|
22
|
+
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
|
23
|
+
cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
24
|
+
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution}),
|
25
|
+
latlng = new L.LatLng(50.5, 30.51);
|
26
|
+
|
27
|
+
var map = new L.Map('map', {center: latlng, zoom: 15, layers: [cloudmade]});
|
28
|
+
|
29
|
+
var marker = new L.Marker(latlng);
|
30
|
+
map.addLayer(marker);
|
31
|
+
|
32
|
+
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>");
|
33
|
+
</script>
|
34
|
+
</body>
|
35
|
+
</html>
|
@@ -0,0 +1,60 @@
|
|
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
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
10
|
+
|
11
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
12
|
+
|
13
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
14
|
+
<script src="../leaflet-include.js"></script>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
|
18
|
+
<div id="map"></div>
|
19
|
+
<button id="populate">Populate with 10 markers</button>
|
20
|
+
|
21
|
+
<script type="text/javascript">
|
22
|
+
|
23
|
+
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/997/256/{z}/{x}/{y}.png', {
|
24
|
+
maxZoom: 18,
|
25
|
+
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
26
|
+
key: 'd4fc77ea4a63471cab2423e66626cbb6'
|
27
|
+
});
|
28
|
+
|
29
|
+
var map = L.map('map')
|
30
|
+
.setView([50.5, 30.51], 15)
|
31
|
+
.addLayer(cloudmade);
|
32
|
+
|
33
|
+
var markers = new L.FeatureGroup();
|
34
|
+
|
35
|
+
function populate() {
|
36
|
+
for (var i = 0; i < 10; i++) {
|
37
|
+
markers.addLayer(new L.Marker(getRandomLatLng(map)));
|
38
|
+
}
|
39
|
+
return false;
|
40
|
+
}
|
41
|
+
|
42
|
+
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>");
|
43
|
+
|
44
|
+
map.addLayer(markers);
|
45
|
+
|
46
|
+
populate();
|
47
|
+
L.DomUtil.get('populate').onclick = populate;
|
48
|
+
|
49
|
+
// function logEvent(e) { console.log(e.type); }
|
50
|
+
//
|
51
|
+
// map.on('movestart', logEvent);
|
52
|
+
// map.on('move', logEvent);
|
53
|
+
// map.on('moveend', logEvent);
|
54
|
+
//
|
55
|
+
// map.on('zoomstart', logEvent);
|
56
|
+
// map.on('zoomend', logEvent);
|
57
|
+
|
58
|
+
</script>
|
59
|
+
</body>
|
60
|
+
</html>
|
@@ -0,0 +1,37 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<meta name="viewport" content="initial-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/mobile.css" />
|
12
|
+
|
13
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
14
|
+
<script src="../leaflet-include.js"></script>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
|
18
|
+
<div id="map"></div>
|
19
|
+
|
20
|
+
<script type="text/javascript">
|
21
|
+
|
22
|
+
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
|
23
|
+
cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
24
|
+
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution}),
|
25
|
+
bounds = new L.LatLngBounds(new L.LatLng(49.5, -11.3), new L.LatLng(61.2, 2.5));
|
26
|
+
|
27
|
+
var map = new L.Map('map', {
|
28
|
+
center: bounds.getCenter(),
|
29
|
+
zoom: 7,
|
30
|
+
layers: [cloudmade],
|
31
|
+
maxBounds: bounds
|
32
|
+
});
|
33
|
+
|
34
|
+
|
35
|
+
</script>
|
36
|
+
</body>
|
37
|
+
</html>
|
@@ -0,0 +1,36 @@
|
|
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 style="position: absolute; top: 100px; left: 100px; border: 1px solid green">
|
17
|
+
<div style="position: relative; margin-top: 500px; width: 800px; border: 1px solid red; margin-left: 200px">
|
18
|
+
<div style="height: 600px; overflow: auto">
|
19
|
+
<div id="map" style="width: 600px; height: 1000px; border: 1px solid #ccc"></div>
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
|
24
|
+
<script type="text/javascript">
|
25
|
+
|
26
|
+
var cloudmadeUrl = 'http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png',
|
27
|
+
cloudmadeAttribution = 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
28
|
+
cloudmade = new L.TileLayer(cloudmadeUrl, {maxZoom: 18, attribution: cloudmadeAttribution}),
|
29
|
+
latlng = new L.LatLng(50.5, 30.51);
|
30
|
+
|
31
|
+
var map = new L.Map('map', {center: latlng, zoom: 15, layers: [cloudmade]});
|
32
|
+
|
33
|
+
|
34
|
+
</script>
|
35
|
+
</body>
|
36
|
+
</html>
|