leaflet-js 0.6.beta4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (275) hide show
  1. checksums.yaml +15 -0
  2. data/CHANGELOG.rdoc +32 -0
  3. data/LICENSE +21 -0
  4. data/README.rdoc +54 -0
  5. data/Rakefile +15 -0
  6. data/leaflet-js.gemspec +28 -0
  7. data/lib/leaflet-js.rb +10 -0
  8. data/lib/leaflet.draw/BREAKINGCHANGES.md +54 -0
  9. data/lib/leaflet.draw/CHANGELOG.md +73 -0
  10. data/lib/leaflet.draw/Jakefile.js +26 -0
  11. data/lib/leaflet.draw/MIT-LICENCE.txt +20 -0
  12. data/lib/leaflet.draw/README.md +364 -0
  13. data/lib/leaflet.draw/TODO.md +62 -0
  14. data/lib/leaflet.draw/build/build.html +243 -0
  15. data/lib/leaflet.draw/build/build.js +189 -0
  16. data/lib/leaflet.draw/build/deps.js +75 -0
  17. data/lib/leaflet.draw/build/hintrc.js +47 -0
  18. data/lib/leaflet.draw/build/leaflet.draw-include.js +42 -0
  19. data/lib/leaflet.draw/dist/images/spritesheet.png +0 -0
  20. data/lib/leaflet.draw/dist/leaflet.draw-src.js +2429 -0
  21. data/lib/leaflet.draw/dist/leaflet.draw.css +212 -0
  22. data/lib/leaflet.draw/dist/leaflet.draw.ie.css +44 -0
  23. data/lib/leaflet.draw/dist/leaflet.draw.js +10 -0
  24. data/lib/leaflet.draw/examples/basic.html +106 -0
  25. data/lib/leaflet.draw/examples/edithandlers.html +67 -0
  26. data/lib/leaflet.draw/examples/libs/images/layers.png +0 -0
  27. data/lib/leaflet.draw/examples/libs/images/marker-icon.png +0 -0
  28. data/lib/leaflet.draw/examples/libs/images/marker-icon@2x.png +0 -0
  29. data/lib/leaflet.draw/examples/libs/images/marker-shadow.png +0 -0
  30. data/lib/leaflet.draw/examples/libs/leaflet-src.js +8587 -0
  31. data/lib/leaflet.draw/examples/libs/leaflet.css +459 -0
  32. data/lib/leaflet.draw/examples/libs/leaflet.ie.css +51 -0
  33. data/lib/leaflet.draw/package.json +37 -0
  34. data/lib/leaflet.draw/spec/after.js +2 -0
  35. data/lib/leaflet.draw/spec/before.js +3 -0
  36. data/lib/leaflet.draw/spec/expect.js +1253 -0
  37. data/lib/leaflet.draw/spec/happen.js +93 -0
  38. data/lib/leaflet.draw/spec/index.html +36 -0
  39. data/lib/leaflet.draw/spec/karma.conf.js +69 -0
  40. data/lib/leaflet.draw/spec/sinon.js +4223 -0
  41. data/lib/leaflet.draw/spec/suites/DrawControlSpec.js +15 -0
  42. data/lib/leaflet.draw/spec/suites/SpecHelper.js +26 -0
  43. data/lib/leaflet.draw/src/Control.Draw.js +101 -0
  44. data/lib/leaflet.draw/src/Leaflet.draw.js +5 -0
  45. data/lib/leaflet.draw/src/Toolbar.js +187 -0
  46. data/lib/leaflet.draw/src/Tooltip.js +52 -0
  47. data/lib/leaflet.draw/src/copyright.js +8 -0
  48. data/lib/leaflet.draw/src/draw/DrawToolbar.js +107 -0
  49. data/lib/leaflet.draw/src/draw/handler/Draw.Circle.js +59 -0
  50. data/lib/leaflet.draw/src/draw/handler/Draw.Feature.js +74 -0
  51. data/lib/leaflet.draw/src/draw/handler/Draw.Marker.js +97 -0
  52. data/lib/leaflet.draw/src/draw/handler/Draw.Polygon.js +79 -0
  53. data/lib/leaflet.draw/src/draw/handler/Draw.Polyline.js +360 -0
  54. data/lib/leaflet.draw/src/draw/handler/Draw.Rectangle.js +41 -0
  55. data/lib/leaflet.draw/src/draw/handler/Draw.SimpleShape.js +67 -0
  56. data/lib/leaflet.draw/src/edit/EditToolbar.js +93 -0
  57. data/lib/leaflet.draw/src/edit/handler/Edit.Circle.js +63 -0
  58. data/lib/leaflet.draw/src/edit/handler/Edit.Poly.js +267 -0
  59. data/lib/leaflet.draw/src/edit/handler/Edit.Rectangle.js +117 -0
  60. data/lib/leaflet.draw/src/edit/handler/Edit.SimpleShape.js +138 -0
  61. data/lib/leaflet.draw/src/edit/handler/EditToolbar.Delete.js +109 -0
  62. data/lib/leaflet.draw/src/edit/handler/EditToolbar.Edit.js +233 -0
  63. data/lib/leaflet.draw/src/ext/LatLngUtil.js +18 -0
  64. data/lib/leaflet.draw/src/ext/LineUtil.Intersect.js +15 -0
  65. data/lib/leaflet.draw/src/ext/Polygon.Intersect.js +27 -0
  66. data/lib/leaflet.draw/src/ext/Polyline.Intersect.js +85 -0
  67. data/lib/leaflet.label/CHANGELOG.md +35 -0
  68. data/lib/leaflet.label/Jakefile.js +21 -0
  69. data/lib/leaflet.label/MIT-LICENCE.txt +20 -0
  70. data/lib/leaflet.label/README.md +86 -0
  71. data/lib/leaflet.label/build/build.js +155 -0
  72. data/lib/leaflet.label/build/deps.js +24 -0
  73. data/lib/leaflet.label/build/hint.js +30 -0
  74. data/lib/leaflet.label/build/hintrc.js +47 -0
  75. data/lib/leaflet.label/dist/images/death.png +0 -0
  76. data/lib/leaflet.label/dist/leaflet.label-src.js +359 -0
  77. data/lib/leaflet.label/dist/leaflet.label.css +33 -0
  78. data/lib/leaflet.label/dist/leaflet.label.js +9 -0
  79. data/lib/leaflet.label/example/label.html +82 -0
  80. data/lib/leaflet.label/libs/leaflet/images/layers.png +0 -0
  81. data/lib/leaflet.label/libs/leaflet/images/marker-icon.png +0 -0
  82. data/lib/leaflet.label/libs/leaflet/images/marker-icon@2x.png +0 -0
  83. data/lib/leaflet.label/libs/leaflet/images/marker-shadow.png +0 -0
  84. data/lib/leaflet.label/libs/leaflet/leaflet-src.js +8587 -0
  85. data/lib/leaflet.label/libs/leaflet/leaflet.css +459 -0
  86. data/lib/leaflet.label/libs/leaflet/leaflet.ie.css +51 -0
  87. data/lib/leaflet.label/libs/leaflet/leaflet.js +8 -0
  88. data/lib/leaflet.label/src/FeatureGroup.Label.js +20 -0
  89. data/lib/leaflet.label/src/Label.js +123 -0
  90. data/lib/leaflet.label/src/Leaflet.label.js +5 -0
  91. data/lib/leaflet.label/src/Map.Label.js +7 -0
  92. data/lib/leaflet.label/src/Marker.Label.js +160 -0
  93. data/lib/leaflet.label/src/Path.Label.js +55 -0
  94. data/lib/leaflet.label/src/copyright.js +8 -0
  95. data/lib/leaflet/CHANGELOG.md +637 -0
  96. data/lib/leaflet/CONTRIBUTING.md +155 -0
  97. data/lib/leaflet/Jakefile.js +26 -0
  98. data/lib/leaflet/LICENSE +23 -0
  99. data/lib/leaflet/README.md +30 -0
  100. data/lib/leaflet/build/build.html +243 -0
  101. data/lib/leaflet/build/build.js +193 -0
  102. data/lib/leaflet/build/deps.js +256 -0
  103. data/lib/leaflet/build/hintrc.js +37 -0
  104. data/lib/leaflet/debug/css/mobile.css +6 -0
  105. data/lib/leaflet/debug/css/screen.css +5 -0
  106. data/lib/leaflet/debug/hacks/jitter.html +43 -0
  107. data/lib/leaflet/debug/leaflet-include.js +59 -0
  108. data/lib/leaflet/debug/map/canvas.html +47 -0
  109. data/lib/leaflet/debug/map/controls.html +50 -0
  110. data/lib/leaflet/debug/map/geolocation.html +35 -0
  111. data/lib/leaflet/debug/map/image-overlay.html +44 -0
  112. data/lib/leaflet/debug/map/map-mobile.html +35 -0
  113. data/lib/leaflet/debug/map/map.html +60 -0
  114. data/lib/leaflet/debug/map/max-bounds.html +37 -0
  115. data/lib/leaflet/debug/map/scroll.html +36 -0
  116. data/lib/leaflet/debug/map/simple-proj.html +45 -0
  117. data/lib/leaflet/debug/map/wms-marble.html +31 -0
  118. data/lib/leaflet/debug/map/wms.html +41 -0
  119. data/lib/leaflet/debug/map/zoomlevels.html +46 -0
  120. data/lib/leaflet/debug/tests/add_remove_layers.html +88 -0
  121. data/lib/leaflet/debug/tests/bringtoback.html +38 -0
  122. data/lib/leaflet/debug/tests/click_on_canvas.html +59 -0
  123. data/lib/leaflet/debug/tests/click_on_canvas_broken.html +49 -0
  124. data/lib/leaflet/debug/tests/opacity.html +57 -0
  125. data/lib/leaflet/debug/tests/remove_while_dragging.html +29 -0
  126. data/lib/leaflet/debug/tests/removetilewhilepan.html +42 -0
  127. data/lib/leaflet/debug/tests/reuse_popups.html +41 -0
  128. data/lib/leaflet/debug/tests/svg_clicks.html +55 -0
  129. data/lib/leaflet/debug/vector/bounds-extend.html +89 -0
  130. data/lib/leaflet/debug/vector/feature-group-bounds.html +91 -0
  131. data/lib/leaflet/debug/vector/geojson-sample.js +53 -0
  132. data/lib/leaflet/debug/vector/geojson.html +174 -0
  133. data/lib/leaflet/debug/vector/rectangle.html +54 -0
  134. data/lib/leaflet/debug/vector/route.js +1 -0
  135. data/lib/leaflet/debug/vector/touchzoomemu.html +195 -0
  136. data/lib/leaflet/debug/vector/us-states.js +54 -0
  137. data/lib/leaflet/debug/vector/vector-bounds.html +70 -0
  138. data/lib/leaflet/debug/vector/vector-canvas.html +93 -0
  139. data/lib/leaflet/debug/vector/vector-mobile.html +39 -0
  140. data/lib/leaflet/debug/vector/vector-simple.html +49 -0
  141. data/lib/leaflet/debug/vector/vector.html +38 -0
  142. data/lib/leaflet/dist/images/layers.png +0 -0
  143. data/lib/leaflet/dist/images/marker-icon-2x.png +0 -0
  144. data/lib/leaflet/dist/images/marker-icon.png +0 -0
  145. data/lib/leaflet/dist/images/marker-shadow.png +0 -0
  146. data/lib/leaflet/dist/leaflet-src.js +8579 -0
  147. data/lib/leaflet/dist/leaflet.css +459 -0
  148. data/lib/leaflet/dist/leaflet.ie.css +51 -0
  149. data/lib/leaflet/dist/leaflet.js +8 -0
  150. data/lib/leaflet/package.json +22 -0
  151. data/lib/leaflet/spec/after.js +2 -0
  152. data/lib/leaflet/spec/before.js +3 -0
  153. data/lib/leaflet/spec/expect.js +1253 -0
  154. data/lib/leaflet/spec/happen.js +93 -0
  155. data/lib/leaflet/spec/index.html +78 -0
  156. data/lib/leaflet/spec/karma.conf.js +64 -0
  157. data/lib/leaflet/spec/sinon.js +4223 -0
  158. data/lib/leaflet/spec/suites/LeafletSpec.js +13 -0
  159. data/lib/leaflet/spec/suites/SpecHelper.js +26 -0
  160. data/lib/leaflet/spec/suites/control/Control.AttributionSpec.js +68 -0
  161. data/lib/leaflet/spec/suites/control/Control.LayersSpec.js +67 -0
  162. data/lib/leaflet/spec/suites/control/Control.ScaleSpec.js +6 -0
  163. data/lib/leaflet/spec/suites/core/ClassSpec.js +156 -0
  164. data/lib/leaflet/spec/suites/core/EventsSpec.js +336 -0
  165. data/lib/leaflet/spec/suites/core/UtilSpec.js +212 -0
  166. data/lib/leaflet/spec/suites/dom/DomEventSpec.js +102 -0
  167. data/lib/leaflet/spec/suites/dom/DomUtilSpec.js +89 -0
  168. data/lib/leaflet/spec/suites/geo/LatLngBoundsSpec.js +136 -0
  169. data/lib/leaflet/spec/suites/geo/LatLngSpec.js +118 -0
  170. data/lib/leaflet/spec/suites/geo/ProjectionSpec.js +47 -0
  171. data/lib/leaflet/spec/suites/geometry/BoundsSpec.js +87 -0
  172. data/lib/leaflet/spec/suites/geometry/LineUtilSpec.js +75 -0
  173. data/lib/leaflet/spec/suites/geometry/PointSpec.js +104 -0
  174. data/lib/leaflet/spec/suites/geometry/PolyUtilSpec.js +27 -0
  175. data/lib/leaflet/spec/suites/geometry/TransformationSpec.js +31 -0
  176. data/lib/leaflet/spec/suites/layer/FeatureGroupSpec.js +36 -0
  177. data/lib/leaflet/spec/suites/layer/GeoJSONSpec.js +86 -0
  178. data/lib/leaflet/spec/suites/layer/LayerGroupSpec.js +58 -0
  179. data/lib/leaflet/spec/suites/layer/PopupSpec.js +59 -0
  180. data/lib/leaflet/spec/suites/layer/TileLayerSpec.js +87 -0
  181. data/lib/leaflet/spec/suites/layer/vector/CircleMarkerSpec.js +53 -0
  182. data/lib/leaflet/spec/suites/layer/vector/CircleSpec.js +17 -0
  183. data/lib/leaflet/spec/suites/layer/vector/PolygonSpec.js +55 -0
  184. data/lib/leaflet/spec/suites/layer/vector/PolylineGeometrySpec.js +35 -0
  185. data/lib/leaflet/spec/suites/layer/vector/PolylineSpec.js +55 -0
  186. data/lib/leaflet/spec/suites/map/MapSpec.js +244 -0
  187. data/lib/leaflet/src/Leaflet.js +23 -0
  188. data/lib/leaflet/src/control/Control.Attribution.js +115 -0
  189. data/lib/leaflet/src/control/Control.Layers.js +243 -0
  190. data/lib/leaflet/src/control/Control.Scale.js +112 -0
  191. data/lib/leaflet/src/control/Control.Zoom.js +86 -0
  192. data/lib/leaflet/src/control/Control.js +107 -0
  193. data/lib/leaflet/src/copyright.js +4 -0
  194. data/lib/leaflet/src/core/Browser.js +96 -0
  195. data/lib/leaflet/src/core/Class.js +106 -0
  196. data/lib/leaflet/src/core/Events.js +174 -0
  197. data/lib/leaflet/src/core/Handler.js +28 -0
  198. data/lib/leaflet/src/core/Util.js +182 -0
  199. data/lib/leaflet/src/dom/DomEvent.DoubleTap.js +103 -0
  200. data/lib/leaflet/src/dom/DomEvent.MsTouch.js +146 -0
  201. data/lib/leaflet/src/dom/DomEvent.js +211 -0
  202. data/lib/leaflet/src/dom/DomUtil.js +239 -0
  203. data/lib/leaflet/src/dom/Draggable.js +198 -0
  204. data/lib/leaflet/src/dom/PosAnimation.Timer.js +67 -0
  205. data/lib/leaflet/src/dom/PosAnimation.js +83 -0
  206. data/lib/leaflet/src/geo/LatLng.js +88 -0
  207. data/lib/leaflet/src/geo/LatLngBounds.js +153 -0
  208. data/lib/leaflet/src/geo/crs/CRS.EPSG3395.js +14 -0
  209. data/lib/leaflet/src/geo/crs/CRS.EPSG3857.js +21 -0
  210. data/lib/leaflet/src/geo/crs/CRS.EPSG4326.js +10 -0
  211. data/lib/leaflet/src/geo/crs/CRS.Simple.js +12 -0
  212. data/lib/leaflet/src/geo/crs/CRS.js +27 -0
  213. data/lib/leaflet/src/geo/projection/Projection.LonLat.js +13 -0
  214. data/lib/leaflet/src/geo/projection/Projection.Mercator.js +56 -0
  215. data/lib/leaflet/src/geo/projection/Projection.SphericalMercator.js +27 -0
  216. data/lib/leaflet/src/geo/projection/Projection.js +5 -0
  217. data/lib/leaflet/src/geometry/Bounds.js +95 -0
  218. data/lib/leaflet/src/geometry/LineUtil.js +202 -0
  219. data/lib/leaflet/src/geometry/Point.js +119 -0
  220. data/lib/leaflet/src/geometry/PolyUtil.js +55 -0
  221. data/lib/leaflet/src/geometry/Transformation.js +31 -0
  222. data/lib/leaflet/src/images/marker.svg +1 -0
  223. data/lib/leaflet/src/layer/FeatureGroup.js +81 -0
  224. data/lib/leaflet/src/layer/GeoJSON.js +245 -0
  225. data/lib/leaflet/src/layer/ImageOverlay.js +132 -0
  226. data/lib/leaflet/src/layer/LayerGroup.js +110 -0
  227. data/lib/leaflet/src/layer/Popup.js +316 -0
  228. data/lib/leaflet/src/layer/marker/DivIcon.js +43 -0
  229. data/lib/leaflet/src/layer/marker/Icon.Default.js +51 -0
  230. data/lib/leaflet/src/layer/marker/Icon.js +101 -0
  231. data/lib/leaflet/src/layer/marker/Marker.Drag.js +66 -0
  232. data/lib/leaflet/src/layer/marker/Marker.Popup.js +72 -0
  233. data/lib/leaflet/src/layer/marker/Marker.js +275 -0
  234. data/lib/leaflet/src/layer/tile/TileLayer.Anim.js +117 -0
  235. data/lib/leaflet/src/layer/tile/TileLayer.Canvas.js +60 -0
  236. data/lib/leaflet/src/layer/tile/TileLayer.WMS.js +83 -0
  237. data/lib/leaflet/src/layer/tile/TileLayer.js +578 -0
  238. data/lib/leaflet/src/layer/vector/Circle.js +98 -0
  239. data/lib/leaflet/src/layer/vector/CircleMarker.js +33 -0
  240. data/lib/leaflet/src/layer/vector/MultiPoly.js +47 -0
  241. data/lib/leaflet/src/layer/vector/Path.Popup.js +65 -0
  242. data/lib/leaflet/src/layer/vector/Path.SVG.js +219 -0
  243. data/lib/leaflet/src/layer/vector/Path.VML.js +125 -0
  244. data/lib/leaflet/src/layer/vector/Path.js +115 -0
  245. data/lib/leaflet/src/layer/vector/Polygon.js +81 -0
  246. data/lib/leaflet/src/layer/vector/Polyline.js +164 -0
  247. data/lib/leaflet/src/layer/vector/Rectangle.js +27 -0
  248. data/lib/leaflet/src/layer/vector/canvas/Circle.Canvas.js +18 -0
  249. data/lib/leaflet/src/layer/vector/canvas/Path.Canvas.js +196 -0
  250. data/lib/leaflet/src/layer/vector/canvas/Polygon.Canvas.js +37 -0
  251. data/lib/leaflet/src/layer/vector/canvas/Polyline.Canvas.js +30 -0
  252. data/lib/leaflet/src/map/Map.js +743 -0
  253. data/lib/leaflet/src/map/anim/Map.PanAnimation.js +88 -0
  254. data/lib/leaflet/src/map/anim/Map.ZoomAnimation.js +90 -0
  255. data/lib/leaflet/src/map/ext/Map.Geolocation.js +91 -0
  256. data/lib/leaflet/src/map/handler/Map.BoxZoom.js +104 -0
  257. data/lib/leaflet/src/map/handler/Map.DoubleClickZoom.js +23 -0
  258. data/lib/leaflet/src/map/handler/Map.Drag.js +146 -0
  259. data/lib/leaflet/src/map/handler/Map.Keyboard.js +147 -0
  260. data/lib/leaflet/src/map/handler/Map.ScrollWheelZoom.js +56 -0
  261. data/lib/leaflet/src/map/handler/Map.TouchZoom.js +121 -0
  262. data/vendor/assets/images/layers.png +0 -0
  263. data/vendor/assets/images/marker-icon-2x.png +0 -0
  264. data/vendor/assets/images/marker-icon.png +0 -0
  265. data/vendor/assets/images/marker-shadow.png +0 -0
  266. data/vendor/assets/images/spritesheet.png +0 -0
  267. data/vendor/assets/javascripts/leaflet.draw.js +39 -0
  268. data/vendor/assets/javascripts/leaflet.js +145 -0
  269. data/vendor/assets/javascripts/leaflet.label.js +9 -0
  270. data/vendor/assets/stylesheets/leaflet.css.erb +459 -0
  271. data/vendor/assets/stylesheets/leaflet.draw.css.erb +212 -0
  272. data/vendor/assets/stylesheets/leaflet.draw.ie.css +44 -0
  273. data/vendor/assets/stylesheets/leaflet.ie.css +51 -0
  274. data/vendor/assets/stylesheets/leaflet.label.css +33 -0
  275. 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: &copy; 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: &copy; 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 &copy; 2011 OpenStreetMap contributors, Imagery &copy; 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 &copy; 2011 OpenStreetMap contributors, Imagery &copy; 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 &copy; 2011 OpenStreetMap contributors, Imagery &copy; 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 &copy; <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 ? '&ndash;' + 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>