leaflet-js 0.6.beta4
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.
- 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>
|