leaflet-js 0.6.beta4 → 0.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +6 -14
- data/CHANGELOG.rdoc +3 -0
- data/leaflet-js.gemspec +2 -2
- data/lib/leaflet.draw/CHANGELOG.md +45 -0
- data/lib/leaflet.draw/README.md +70 -23
- data/lib/leaflet.draw/build/deps.js +1 -0
- data/lib/leaflet.draw/dist/images/spritesheet-2x.png +0 -0
- data/lib/leaflet.draw/dist/images/spritesheet.png +0 -0
- data/lib/leaflet.draw/dist/leaflet.draw-src.js +489 -136
- data/lib/leaflet.draw/dist/leaflet.draw.css +34 -2
- data/lib/leaflet.draw/dist/leaflet.draw.ie.css +5 -0
- data/lib/leaflet.draw/dist/leaflet.draw.js +2 -2
- data/lib/leaflet.draw/examples/basic.html +14 -7
- data/lib/leaflet.draw/examples/libs/images/layers-2x.png +0 -0
- data/lib/leaflet.draw/examples/libs/images/layers.png +0 -0
- data/lib/leaflet.draw/examples/libs/images/marker-icon-2x.png +0 -0
- data/lib/leaflet.draw/examples/libs/leaflet-src.js +1129 -608
- data/lib/leaflet.draw/examples/libs/leaflet.css +85 -66
- data/lib/leaflet.draw/package.json +2 -2
- data/lib/leaflet.draw/spec/suites/DrawControlSpec.js +1 -1
- data/lib/leaflet.draw/spec/suites/GeometryUtilSpec.js +25 -0
- data/lib/leaflet.draw/spec/suites/LatLngUtilSpec.js +9 -0
- data/lib/leaflet.draw/src/Control.Draw.js +1 -0
- data/lib/leaflet.draw/src/Leaflet.draw.js +89 -1
- data/lib/leaflet.draw/src/Toolbar.js +2 -6
- data/lib/leaflet.draw/src/Tooltip.js +20 -7
- data/lib/leaflet.draw/src/draw/DrawToolbar.js +26 -22
- data/lib/leaflet.draw/src/draw/handler/Draw.Circle.js +11 -6
- data/lib/leaflet.draw/src/draw/handler/Draw.Feature.js +6 -2
- data/lib/leaflet.draw/src/draw/handler/Draw.Marker.js +7 -2
- data/lib/leaflet.draw/src/draw/handler/Draw.Polygon.js +29 -7
- data/lib/leaflet.draw/src/draw/handler/Draw.Polyline.js +44 -21
- data/lib/leaflet.draw/src/draw/handler/Draw.Rectangle.js +3 -3
- data/lib/leaflet.draw/src/draw/handler/Draw.SimpleShape.js +14 -1
- data/lib/leaflet.draw/src/edit/EditToolbar.js +86 -16
- data/lib/leaflet.draw/src/edit/handler/Edit.Poly.js +10 -7
- data/lib/leaflet.draw/src/edit/handler/Edit.SimpleShape.js +1 -2
- data/lib/leaflet.draw/src/edit/handler/EditToolbar.Delete.js +15 -3
- data/lib/leaflet.draw/src/edit/handler/EditToolbar.Edit.js +56 -38
- data/lib/leaflet.draw/src/ext/GeometryUtil.js +68 -0
- data/lib/leaflet.draw/src/images/spritesheet.svg +41 -0
- data/lib/leaflet.label/CHANGELOG.md +32 -0
- data/lib/leaflet.label/README.md +21 -4
- data/lib/leaflet.label/build/build.js +2 -2
- data/lib/leaflet.label/build/deps.js +2 -0
- data/lib/leaflet.label/build/hintrc.js +4 -0
- data/lib/leaflet.label/dist/leaflet.label-src.js +266 -83
- data/lib/leaflet.label/dist/leaflet.label.css +23 -4
- data/lib/leaflet.label/dist/leaflet.label.js +1 -1
- data/lib/leaflet.label/example/label.html +6 -3
- data/lib/leaflet.label/libs/leaflet/images/layers-2x.png +0 -0
- data/lib/leaflet.label/libs/leaflet/images/layers.png +0 -0
- data/lib/leaflet.label/libs/leaflet/images/marker-icon-2x.png +0 -0
- data/lib/leaflet.label/libs/leaflet/leaflet-src.js +1129 -608
- data/lib/leaflet.label/libs/leaflet/leaflet.css +85 -66
- data/lib/leaflet.label/libs/leaflet/leaflet.js +6 -5
- data/lib/leaflet.label/package.json +19 -0
- data/lib/leaflet.label/src/BaseMarkerMethods.js +129 -0
- data/lib/leaflet.label/src/CircleMarker.Label.js +7 -0
- data/lib/leaflet.label/src/Label.js +161 -37
- data/lib/leaflet.label/src/Leaflet.label.js +1 -1
- data/lib/leaflet.label/src/Map.Label.js +0 -2
- data/lib/leaflet.label/src/Marker.Label.js +15 -120
- data/lib/leaflet.label/src/Path.Label.js +11 -11
- data/lib/leaflet/CHANGELOG.md +299 -31
- data/lib/leaflet/CONTRIBUTING.md +3 -3
- data/lib/leaflet/FAQ.md +138 -0
- data/lib/leaflet/Jakefile.js +24 -4
- data/lib/leaflet/PLUGIN-GUIDE.md +127 -0
- data/lib/leaflet/README.md +10 -6
- data/lib/leaflet/build/build.html +3 -19
- data/lib/leaflet/build/build.js +21 -51
- data/lib/leaflet/build/deps.js +10 -7
- data/lib/leaflet/build/hintrc.js +6 -4
- data/lib/leaflet/debug/hacks/jitter.html +0 -1
- data/lib/leaflet/debug/map/canvas.html +11 -12
- data/lib/leaflet/debug/map/controls.html +3 -4
- data/lib/leaflet/debug/map/geolocation.html +0 -1
- data/lib/leaflet/debug/map/iframe.html +11 -0
- data/lib/leaflet/debug/map/image-overlay.html +0 -1
- data/lib/leaflet/debug/map/map-mobile.html +0 -1
- data/lib/leaflet/debug/map/map.html +1 -2
- data/lib/leaflet/debug/map/max-bounds.html +2 -1
- data/lib/leaflet/debug/map/opacity.html +223 -0
- data/lib/leaflet/debug/map/scroll.html +6 -1
- data/lib/leaflet/debug/map/simple-proj.html +0 -1
- data/lib/leaflet/debug/map/wms-marble.html +4 -5
- data/lib/leaflet/debug/map/wms.html +0 -1
- data/lib/leaflet/debug/map/zoomlevels.html +0 -1
- data/lib/leaflet/debug/tests/add_remove_layers.html +5 -6
- data/lib/leaflet/debug/tests/bringtoback.html +0 -1
- data/lib/leaflet/debug/tests/canvasloop.html +47 -0
- data/lib/leaflet/debug/tests/click_on_canvas.html +0 -1
- data/lib/leaflet/debug/tests/dragging_and_copyworldjump.html +61 -0
- data/lib/leaflet/debug/tests/opacity.html +0 -1
- data/lib/leaflet/debug/tests/popupcontextmenuclicks.html +59 -0
- data/lib/leaflet/debug/tests/remove_while_dragging.html +4 -5
- data/lib/leaflet/debug/tests/removetilewhilepan.html +0 -1
- data/lib/leaflet/debug/tests/reuse_popups.html +0 -1
- data/lib/leaflet/debug/tests/rtl.html +42 -0
- data/lib/leaflet/debug/tests/rtl2.html +27 -0
- data/lib/leaflet/debug/tests/set_icon_reuse_dom.html +43 -0
- data/lib/leaflet/debug/tests/svg_clicks.html +3 -4
- data/lib/leaflet/debug/vector/bounds-extend.html +0 -1
- data/lib/leaflet/debug/vector/feature-group-bounds.html +0 -1
- data/lib/leaflet/debug/vector/geojson.html +0 -1
- data/lib/leaflet/debug/vector/rectangle.html +0 -1
- data/lib/leaflet/debug/vector/touchzoomemu.html +2 -3
- data/lib/leaflet/debug/vector/vector-bounds.html +0 -1
- data/lib/leaflet/debug/vector/vector-canvas.html +0 -1
- data/lib/leaflet/debug/vector/vector-mobile.html +0 -1
- data/lib/leaflet/debug/vector/vector-simple.html +0 -1
- data/lib/leaflet/debug/vector/vector.html +0 -1
- data/lib/leaflet/dist/images/layers-2x.png +0 -0
- data/lib/leaflet/dist/images/layers.png +0 -0
- data/lib/leaflet/dist/leaflet.css +85 -66
- data/lib/leaflet/package.json +25 -20
- data/lib/leaflet/spec/after.js +1 -1
- data/lib/leaflet/spec/index.html +21 -13
- data/lib/leaflet/spec/karma.conf.js +51 -50
- data/lib/leaflet/spec/spec.hintrc.js +25 -0
- data/lib/leaflet/spec/suites/LeafletSpec.js +2 -2
- data/lib/leaflet/spec/suites/SpecHelper.js +37 -21
- data/lib/leaflet/spec/suites/control/Control.LayersSpec.js +1 -1
- data/lib/leaflet/spec/suites/core/ClassSpec.js +12 -12
- data/lib/leaflet/spec/suites/core/EventsSpec.js +74 -18
- data/lib/leaflet/spec/suites/core/UtilSpec.js +69 -25
- data/lib/leaflet/spec/suites/dom/DomEventSpec.js +16 -16
- data/lib/leaflet/spec/suites/dom/DomUtilSpec.js +9 -16
- data/lib/leaflet/spec/suites/dom/PosAnimationSpec.js +27 -0
- data/lib/leaflet/spec/suites/geo/CRSSpec.js +47 -0
- data/lib/leaflet/spec/suites/geo/LatLngBoundsSpec.js +22 -14
- data/lib/leaflet/spec/suites/geo/LatLngSpec.js +22 -8
- data/lib/leaflet/spec/suites/geo/ProjectionSpec.js +21 -20
- data/lib/leaflet/spec/suites/geometry/BoundsSpec.js +15 -15
- data/lib/leaflet/spec/suites/geometry/PointSpec.js +12 -12
- data/lib/leaflet/spec/suites/geometry/TransformationSpec.js +4 -4
- data/lib/leaflet/spec/suites/layer/FeatureGroupSpec.js +59 -9
- data/lib/leaflet/spec/suites/layer/GeoJSONSpec.js +213 -17
- data/lib/leaflet/spec/suites/layer/LayerGroupSpec.js +6 -6
- data/lib/leaflet/spec/suites/layer/PopupSpec.js +65 -5
- data/lib/leaflet/spec/suites/layer/TileLayerSpec.js +16 -15
- data/lib/leaflet/spec/suites/layer/marker/MarkerSpec.js +94 -0
- data/lib/leaflet/spec/suites/layer/vector/CircleMarkerSpec.js +7 -7
- data/lib/leaflet/spec/suites/layer/vector/PolygonSpec.js +38 -2
- data/lib/leaflet/spec/suites/layer/vector/PolylineGeometrySpec.js +4 -4
- data/lib/leaflet/spec/suites/layer/vector/PolylineSpec.js +2 -2
- data/lib/leaflet/spec/suites/map/MapSpec.js +318 -26
- data/lib/leaflet/spec/suites/map/handler/Map.DragSpec.js +38 -0
- data/lib/leaflet/src/Leaflet.js +2 -2
- data/lib/leaflet/src/control/Control.Attribution.js +6 -0
- data/lib/leaflet/src/control/Control.Layers.js +33 -24
- data/lib/leaflet/src/control/Control.Zoom.js +12 -4
- data/lib/leaflet/src/control/Control.js +10 -0
- data/lib/leaflet/src/copyright.js +2 -1
- data/lib/leaflet/src/core/Browser.js +11 -10
- data/lib/leaflet/src/core/Events.js +15 -11
- data/lib/leaflet/src/core/Util.js +19 -14
- data/lib/leaflet/src/dom/DomEvent.DoubleTap.js +13 -12
- data/lib/leaflet/src/dom/DomEvent.Pointer.js +155 -0
- data/lib/leaflet/src/dom/DomEvent.js +57 -19
- data/lib/leaflet/src/dom/DomUtil.js +89 -34
- data/lib/leaflet/src/dom/Draggable.js +26 -89
- data/lib/leaflet/src/dom/PosAnimation.js +13 -2
- data/lib/leaflet/src/geo/LatLng.js +16 -5
- data/lib/leaflet/src/geo/LatLngBounds.js +5 -2
- data/lib/leaflet/src/geo/crs/CRS.EPSG3395.js +2 -2
- data/lib/leaflet/src/geo/crs/CRS.js +5 -0
- data/lib/leaflet/src/geo/projection/Projection.Mercator.js +3 -3
- data/lib/leaflet/src/geometry/LineUtil.js +2 -2
- data/lib/leaflet/src/images/layers.svg +8 -0
- data/lib/leaflet/src/images/marker.svg +61 -1
- data/lib/leaflet/src/layer/FeatureGroup.js +24 -7
- data/lib/leaflet/src/layer/GeoJSON.js +97 -56
- data/lib/leaflet/src/layer/ImageOverlay.js +9 -0
- data/lib/leaflet/src/layer/LayerGroup.js +8 -3
- data/lib/leaflet/src/layer/Popup.js +56 -34
- data/lib/leaflet/src/layer/marker/DivIcon.js +4 -2
- data/lib/leaflet/src/layer/marker/Icon.Default.js +1 -1
- data/lib/leaflet/src/layer/marker/Icon.js +15 -18
- data/lib/leaflet/src/layer/marker/Marker.Drag.js +7 -5
- data/lib/leaflet/src/layer/marker/Marker.Popup.js +22 -5
- data/lib/leaflet/src/layer/marker/Marker.js +75 -32
- data/lib/leaflet/src/layer/tile/TileLayer.Anim.js +14 -26
- data/lib/leaflet/src/layer/tile/TileLayer.Canvas.js +7 -6
- data/lib/leaflet/src/layer/tile/TileLayer.WMS.js +14 -10
- data/lib/leaflet/src/layer/tile/TileLayer.js +53 -32
- data/lib/leaflet/src/layer/vector/CircleMarker.js +11 -0
- data/lib/leaflet/src/layer/vector/MultiPoly.js +10 -0
- data/lib/leaflet/src/layer/vector/Path.SVG.js +14 -3
- data/lib/leaflet/src/layer/vector/Path.VML.js +12 -2
- data/lib/leaflet/src/layer/vector/Path.js +7 -3
- data/lib/leaflet/src/layer/vector/Polygon.js +14 -3
- data/lib/leaflet/src/layer/vector/canvas/CircleMarker.Canvas.js +9 -0
- data/lib/leaflet/src/layer/vector/canvas/Path.Canvas.js +1 -0
- data/lib/leaflet/src/map/Map.js +192 -125
- data/lib/leaflet/src/map/anim/Map.PanAnimation.js +29 -19
- data/lib/leaflet/src/map/anim/Map.ZoomAnimation.js +21 -9
- data/lib/leaflet/src/map/ext/Map.Geolocation.js +11 -4
- data/lib/leaflet/src/map/handler/Map.BoxZoom.js +26 -12
- data/lib/leaflet/src/map/handler/Map.DoubleClickZoom.js +10 -3
- data/lib/leaflet/src/map/handler/Map.Drag.js +12 -6
- data/lib/leaflet/src/map/handler/Map.Keyboard.js +5 -2
- data/lib/leaflet/src/map/handler/Map.ScrollWheelZoom.js +7 -1
- data/lib/leaflet/src/map/handler/Map.Tap.js +107 -0
- data/lib/leaflet/src/map/handler/Map.TouchZoom.js +9 -3
- data/vendor/assets/images/layers-2x.png +0 -0
- data/vendor/assets/images/layers.png +0 -0
- data/vendor/assets/images/spritesheet-2x.png +0 -0
- data/vendor/assets/images/spritesheet.png +0 -0
- data/vendor/assets/javascripts/leaflet.draw.js +2 -4
- data/vendor/assets/javascripts/leaflet.js +3 -1
- data/vendor/assets/javascripts/leaflet.label.js +2 -0
- data/vendor/assets/stylesheets/leaflet.css.erb +337 -318
- data/vendor/assets/stylesheets/leaflet.draw.css.erb +35 -3
- data/vendor/assets/stylesheets/leaflet.draw.ie.css +5 -0
- data/vendor/assets/stylesheets/leaflet.label.css +23 -4
- metadata +40 -14
- data/lib/leaflet.draw/examples/libs/leaflet.ie.css +0 -51
- data/lib/leaflet.label/libs/leaflet/leaflet.ie.css +0 -51
- data/lib/leaflet/dist/leaflet-src.js +0 -8579
- data/lib/leaflet/dist/leaflet.ie.css +0 -51
- data/lib/leaflet/dist/leaflet.js +0 -8
- data/lib/leaflet/spec/happen.js +0 -93
- data/lib/leaflet/src/dom/DomEvent.MsTouch.js +0 -146
- data/vendor/assets/stylesheets/leaflet.ie.css +0 -51
@@ -6,7 +6,6 @@
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
7
|
|
8
8
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
9
|
|
11
10
|
<link rel="stylesheet" href="../css/screen.css" />
|
12
11
|
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.0.js'></script>
|
@@ -32,7 +31,7 @@
|
|
32
31
|
map.addLayer(osm);
|
33
32
|
map.fitBounds(new L.LatLngBounds([51,7],[51,7]));
|
34
33
|
drawTestLine();
|
35
|
-
|
34
|
+
|
36
35
|
|
37
36
|
};
|
38
37
|
|
@@ -46,19 +45,19 @@
|
|
46
45
|
function (e) {
|
47
46
|
popup = new L.Popup();
|
48
47
|
popup.setLatLng(this.getLatLng());
|
49
|
-
|
48
|
+
|
50
49
|
var popuptxt = "Hello!";
|
51
50
|
alert("I am the click function");
|
52
51
|
popup.setContent(popuptxt);
|
53
52
|
|
54
53
|
map.openPopup(popup);
|
55
|
-
|
56
|
-
|
54
|
+
|
55
|
+
|
57
56
|
});
|
58
57
|
myLayerGroup.addLayer(myCircle);
|
59
58
|
lat = lat + 0.0001;
|
60
59
|
long = long + 0.0001;
|
61
|
-
|
60
|
+
|
62
61
|
}
|
63
62
|
|
64
63
|
map.addLayer(myLayerGroup);
|
@@ -6,7 +6,6 @@
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
7
|
|
8
8
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
9
|
|
11
10
|
<link rel="stylesheet" href="../css/screen.css" />
|
12
11
|
<script type="text/javascript" src="../../build/deps.js"></script>
|
@@ -0,0 +1,47 @@
|
|
1
|
+
<html>
|
2
|
+
<head>
|
3
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
4
|
+
<script>
|
5
|
+
L_PREFER_CANVAS = true;
|
6
|
+
</script>
|
7
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
8
|
+
|
9
|
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
|
10
|
+
|
11
|
+
</head>
|
12
|
+
<body>
|
13
|
+
|
14
|
+
<div id="map"></div>
|
15
|
+
|
16
|
+
|
17
|
+
<script>
|
18
|
+
|
19
|
+
$(document).ready(function() {
|
20
|
+
//Init a map, and attempt a locate.
|
21
|
+
var map = L.map('map', {
|
22
|
+
center: [39.84, -96.591],
|
23
|
+
zoom: 4
|
24
|
+
}).locate();
|
25
|
+
|
26
|
+
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
|
27
|
+
attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
|
28
|
+
}).addTo(map);
|
29
|
+
|
30
|
+
var vanillaLayer = new L.LayerGroup();
|
31
|
+
map.addLayer(vanillaLayer);
|
32
|
+
|
33
|
+
map.on('moveend',function(e) {
|
34
|
+
console.log('moveend fired.')
|
35
|
+
});
|
36
|
+
|
37
|
+
//For experiments using setRadius
|
38
|
+
window.marker = L.circleMarker(map.getCenter(),{radius:30}).addTo(vanillaLayer);
|
39
|
+
});
|
40
|
+
|
41
|
+
</script>
|
42
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
43
|
+
|
44
|
+
<script src="../leaflet-include.js"></script>
|
45
|
+
|
46
|
+
</body>
|
47
|
+
</html>
|
@@ -6,7 +6,6 @@
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
7
|
|
8
8
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
9
|
|
11
10
|
<link rel="stylesheet" href="../css/screen.css" />
|
12
11
|
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.0.js'></script>
|
@@ -0,0 +1,61 @@
|
|
1
|
+
|
2
|
+
<!DOCTYPE html>
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<title>Leaflet debug page</title>
|
6
|
+
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
8
|
+
|
9
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
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
|
+
<p>
|
18
|
+
On the left Map dragging and worldCopyJump are enabled during initialisation.<br>
|
19
|
+
On the right Map worldCopyJump is enabled. Dragging is enabled by clicking the button.
|
20
|
+
</p>
|
21
|
+
<button id="foo">
|
22
|
+
Click to enable dragging on the right map, then dragging around and watch copying
|
23
|
+
</button><br>
|
24
|
+
<div id="map1" style="height: 300px;width: 400px; float:left;"></div>
|
25
|
+
<div id="map2" style="height: 300px;width: 400px; float:left; margin-left: 10px;"></div>
|
26
|
+
<div style="clear:both"></div>
|
27
|
+
|
28
|
+
|
29
|
+
<script type="text/javascript">
|
30
|
+
function addLayerAndMarker(map) {
|
31
|
+
var layer = new L.TileLayer('http://{s}.tile.cloudmade.com/d4fc77ea4a63471cab2423e66626cbb6/997/256/{z}/{x}/{y}.png', {
|
32
|
+
maxZoom : 18
|
33
|
+
}).addTo(map);
|
34
|
+
|
35
|
+
var marker = L.marker([50.5, 30.5]).addTo(map);
|
36
|
+
|
37
|
+
}
|
38
|
+
var map1 = new L.Map('map1', {
|
39
|
+
center : new L.LatLng(45.50144, -122.67599),
|
40
|
+
zoom : 0,
|
41
|
+
dragging : true,
|
42
|
+
worldCopyJump : true
|
43
|
+
});
|
44
|
+
var map2 = new L.Map('map2', {
|
45
|
+
center : new L.LatLng(45.50144, -122.67599),
|
46
|
+
zoom : 0,
|
47
|
+
dragging : false,
|
48
|
+
worldCopyJump : true
|
49
|
+
});
|
50
|
+
$("#foo").click(function() {
|
51
|
+
map2.dragging.enable();
|
52
|
+
});
|
53
|
+
|
54
|
+
|
55
|
+
|
56
|
+
addLayerAndMarker(map1);
|
57
|
+
addLayerAndMarker(map2);
|
58
|
+
|
59
|
+
</script>
|
60
|
+
</body>
|
61
|
+
</html>
|
@@ -6,7 +6,6 @@
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
7
|
|
8
8
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
9
|
|
11
10
|
<link rel="stylesheet" href="../css/mobile.css" />
|
12
11
|
<style>
|
@@ -0,0 +1,59 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
9
|
+
|
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
|
+
<button id="populate">Populate with 10 markers</button>
|
19
|
+
|
20
|
+
<script type="text/javascript">
|
21
|
+
|
22
|
+
var map = L.map('map').setView([36.9, -95.4], 5);
|
23
|
+
map.on('contextmenu', function (e) {
|
24
|
+
alert('The map has been right-clicked');
|
25
|
+
});
|
26
|
+
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
|
27
|
+
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
28
|
+
key: 'BC9A493B41014CAABB98F0471D759707'
|
29
|
+
}).addTo(map);
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
var exampleGeoJSON = {
|
34
|
+
type: 'Polygon',
|
35
|
+
coordinates: [
|
36
|
+
[
|
37
|
+
[-90.0, 35.0],
|
38
|
+
[-90.0, 45.0],
|
39
|
+
[-100.0, 45.0],
|
40
|
+
[-100.0, 35.0]
|
41
|
+
]
|
42
|
+
]
|
43
|
+
};
|
44
|
+
|
45
|
+
var geoJsonLayer = L.geoJson(exampleGeoJSON, {
|
46
|
+
onEachFeature: function (feature, layer) {
|
47
|
+
layer.on('contextmenu', function (e) {
|
48
|
+
alert('The GeoJSON layer has been clicked');
|
49
|
+
});
|
50
|
+
}
|
51
|
+
}).addTo(map);
|
52
|
+
|
53
|
+
var marker = L.marker([36, -95]).addTo(map);
|
54
|
+
marker.bindPopup('Right-click me <br> to test contextmenu <br> event capture').openPopup();
|
55
|
+
|
56
|
+
|
57
|
+
</script>
|
58
|
+
</body>
|
59
|
+
</html>
|
@@ -4,10 +4,9 @@
|
|
4
4
|
<title>Leaflet debug page</title>
|
5
5
|
|
6
6
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
-
|
8
|
-
|
7
|
+
|
9
8
|
<link rel="stylesheet" href="../css/screen.css" />
|
10
|
-
|
9
|
+
|
11
10
|
<script type="text/javascript" src="../../build/deps.js"></script>
|
12
11
|
<script src="../leaflet-include.js"></script>
|
13
12
|
</head>
|
@@ -23,7 +22,7 @@
|
|
23
22
|
setTimeout(function() {
|
24
23
|
map.removeLayer(marker);
|
25
24
|
}, 3000);
|
26
|
-
|
25
|
+
|
27
26
|
</script>
|
28
27
|
</body>
|
29
|
-
</html>
|
28
|
+
</html>
|
@@ -6,7 +6,6 @@
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
7
|
|
8
8
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
9
|
|
11
10
|
<link rel="stylesheet" href="../css/screen.css" />
|
12
11
|
<script type="text/javascript" src="../../build/deps.js"></script>
|
@@ -4,7 +4,6 @@
|
|
4
4
|
<title>Leaflet debug page</title>
|
5
5
|
|
6
6
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
8
7
|
|
9
8
|
<link rel="stylesheet" href="../css/screen.css" />
|
10
9
|
<script type="text/javascript" src="../../build/deps.js"></script>
|
@@ -0,0 +1,42 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Leaflet debug page</title>
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
7
|
+
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
9
|
+
|
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
|
+
<style>
|
15
|
+
body {
|
16
|
+
direction: rtl;
|
17
|
+
}
|
18
|
+
</style>
|
19
|
+
</head>
|
20
|
+
<body>
|
21
|
+
|
22
|
+
<p>Click the map to place a popup at the mouse location</p>
|
23
|
+
<div id="map"></div>
|
24
|
+
|
25
|
+
<script type="text/javascript">
|
26
|
+
|
27
|
+
var cloudmade = L.tileLayer('http://{s}.tile.cloudmade.com/{key}/997/256/{z}/{x}/{y}.png', {
|
28
|
+
maxZoom: 18,
|
29
|
+
attribution: 'Map data © 2011 OpenStreetMap contributors, Imagery © 2011 CloudMade',
|
30
|
+
key: 'd4fc77ea4a63471cab2423e66626cbb6'
|
31
|
+
});
|
32
|
+
|
33
|
+
var map = L.map('map')
|
34
|
+
.setView([50.5, 30.51], 15)
|
35
|
+
.addLayer(cloudmade);
|
36
|
+
|
37
|
+
map.on('click', function(e) {
|
38
|
+
L.popup().setLatLng(e.latlng).setContent('Hello').openOn(map);
|
39
|
+
});
|
40
|
+
</script>
|
41
|
+
</body>
|
42
|
+
</html>
|
@@ -0,0 +1,27 @@
|
|
1
|
+
<html dir="rtl">
|
2
|
+
<head>
|
3
|
+
|
4
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
5
|
+
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
7
|
+
|
8
|
+
<link rel="stylesheet" href="../css/mobile.css" />
|
9
|
+
|
10
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
11
|
+
<script src="../leaflet-include.js"></script>
|
12
|
+
<style>
|
13
|
+
#map { height: 100%; }
|
14
|
+
</style>
|
15
|
+
</head>
|
16
|
+
<body>
|
17
|
+
<div id="map"></div>
|
18
|
+
<script>
|
19
|
+
var map = L.map('map').setView([51.505, -0.09], 13);
|
20
|
+
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
|
21
|
+
map.on('click', function(e) {
|
22
|
+
L.popup().setLatLng(e.latlng).setContent('Hello').openOn(map);
|
23
|
+
});
|
24
|
+
|
25
|
+
</script>
|
26
|
+
</body>
|
27
|
+
</html>
|
@@ -0,0 +1,43 @@
|
|
1
|
+
<html>
|
2
|
+
<head>
|
3
|
+
<title>Test for preservation of Icon DOM element</title>
|
4
|
+
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
5
|
+
|
6
|
+
<link rel="stylesheet" href="../css/screen.css" />
|
7
|
+
|
8
|
+
<script type="text/javascript" src="../../build/deps.js"></script>
|
9
|
+
<script src="../leaflet-include.js"></script>
|
10
|
+
</head>
|
11
|
+
<body>
|
12
|
+
<div id="map" style="width: 600px; height: 600px; border: 1px solid #ccc"></div>
|
13
|
+
|
14
|
+
<script type="text/javascript">
|
15
|
+
|
16
|
+
var blueIcon = new L.Icon({iconUrl: 'http://www.webatlas.no/webatlasapi/v/071009/media/interface/default/markers/flag_blue.gif'});
|
17
|
+
var redIcon = new L.Icon({iconUrl: 'http://www.webatlas.no/webatlasapi/v/071009/media/interface/default/markers/flag_red.gif'});
|
18
|
+
|
19
|
+
var map = L.map('map').setView( [50, 50], 10);
|
20
|
+
|
21
|
+
var marker = L.marker([50, 50], {icon: blueIcon, draggable: true});
|
22
|
+
|
23
|
+
marker.on('dragstart', function () {
|
24
|
+
console.log('dragstart');
|
25
|
+
marker.setIcon(redIcon);
|
26
|
+
//This is the previous workaround:
|
27
|
+
//var iconElem = L.DomUtil.get(marker._icon);
|
28
|
+
//iconElem.src = 'http://www.webatlas.no/webatlasapi/v/071009/media/interface/default/markers/flag_red.gif';
|
29
|
+
});
|
30
|
+
|
31
|
+
marker.on('dragend', function () {
|
32
|
+
console.log('dragend');
|
33
|
+
marker.setIcon(blueIcon);
|
34
|
+
//This is the previous workaround:
|
35
|
+
//var iconElem = L.DomUtil.get(marker._icon);
|
36
|
+
//iconElem.src = 'http://www.webatlas.no/webatlasapi/v/071009/media/interface/default/markers/flag_blue.gif';
|
37
|
+
|
38
|
+
});
|
39
|
+
|
40
|
+
marker.addTo(map);
|
41
|
+
</script>
|
42
|
+
</body>
|
43
|
+
</html>
|
@@ -6,7 +6,6 @@
|
|
6
6
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
7
7
|
|
8
8
|
<link rel="stylesheet" href="../../dist/leaflet.css" />
|
9
|
-
<!--[if lte IE 8]><link rel="stylesheet" href="../../dist/leaflet.ie.css" /><![endif]-->
|
10
9
|
|
11
10
|
<link rel="stylesheet" href="../css/screen.css" />
|
12
11
|
<script type="text/javascript" src="../../build/deps.js"></script>
|
@@ -33,7 +32,7 @@
|
|
33
32
|
var osm = new L.TileLayer(osmUrl, { minZoom: 1, maxZoom: 17 });
|
34
33
|
map.addLayer(osm);
|
35
34
|
map.fitBounds(new L.LatLngBounds([51,7],[51,7]));
|
36
|
-
|
35
|
+
|
37
36
|
var route = L.polyline([
|
38
37
|
[51, 7.000],
|
39
38
|
[51.002, 7.004],
|
@@ -45,8 +44,8 @@
|
|
45
44
|
[51.002, 7.004]
|
46
45
|
],
|
47
46
|
{ clickable:false,color:'#f00' }
|
48
|
-
).addTo(map);
|
49
|
-
|
47
|
+
).addTo(map);
|
48
|
+
|
50
49
|
// when the mouse hovers over the red route2, you cannot click through the blue route1 beneath
|
51
50
|
};
|
52
51
|
|