leaflet-draw
Advanced tools
Comparing version 0.2.0 to 0.2.2
@@ -67,2 +67,4 @@ var fs = require('fs'), | ||
| exports.getFiles = getFiles; | ||
| exports.lint = function () { | ||
@@ -156,2 +158,34 @@ | ||
| } | ||
| }; | ||
| exports.test = function() { | ||
| var karma = require('karma'), | ||
| testConfig = {configFile : __dirname + '/../spec/karma.conf.js'}; | ||
| testConfig.browsers = ['PhantomJS']; | ||
| if (isArgv('--chrome')) { | ||
| testConfig.browsers.push('Chrome'); | ||
| } | ||
| if (isArgv('--ff')) { | ||
| testConfig.browsers.push('Firefox'); | ||
| } | ||
| if (isArgv('--cov')) { | ||
| testConfig.preprocessors = { | ||
| '../src/**/*.js': 'coverage' | ||
| }; | ||
| testConfig.coverageReporter = { | ||
| type : 'html', | ||
| dir : 'coverage/' | ||
| }; | ||
| testConfig.reporters = ['coverage']; | ||
| } | ||
| karma.server.start(testConfig); | ||
| function isArgv(optName) { | ||
| return process.argv.indexOf(optName) !== -1; | ||
| } | ||
| }; |
@@ -37,2 +37,3 @@ var deps = { | ||
| 'ext/LatLngUtil.js', | ||
| 'ext/GeometryUtil.js', | ||
| 'ext/LineUtil.Intersect.js', | ||
@@ -39,0 +40,0 @@ 'ext/Polyline.Intersect.js', |
@@ -8,2 +8,47 @@ Leaflet.draw Changelog | ||
| ### Improvements | ||
| * Refactored the `L.drawLocal' object to be better structured and use this object whereever text is used. *NOTE: THIS IS A NEW FORMAT, SO WILL BRESK ANY EXISTING CUSTOM `L.drawLocal` SETTINGS*. | ||
| * Added Imperial measurements to compliment the existing Metric measurements when drawing a polyline or polygon. | ||
| * Added `draw:editstart` and `draw:editstop` events. (by [@bhell](https://github.com/bhell)). [#175](https://github.com/Leaflet/Leaflet.draw/pull/175) | ||
| * Added `repeatMode` option that will allow repeated drawing of features. (by [@jayhogan](https://github.com/jayhogan) and [@cscheid](https://github.com/cscheid)). [#178](https://github.com/Leaflet/Leaflet.draw/pull/178) | ||
| * Added abilit to set circle radius measurement to imperial units. | ||
| * Added disabled state for edit/delete buttons when no layers present. (inspired by [@snkashis](https://github.com/snkashis)). [#136](https://github.com/Leaflet/Leaflet.draw/pull/136) | ||
| * Add `showLength` and `showRadius` options to circle and polyline. (by [@Zverik](https://github.com/Zverik)). [#195](https://github.com/Leaflet/Leaflet.draw/pull/195) | ||
| * Add option to disable tooltips. (by [@Zverik](https://github.com/Zverik)). [#196](https://github.com/Leaflet/Leaflet.draw/pull/196) | ||
| ### Bugfixes | ||
| * Fixed bug where edit handlers could not be disabled. | ||
| * Added support for displaying the toolbar on the right hand side of the map. (by [@paulcpederson](https://github.com/paulcpederson)). [#164](https://github.com/Leaflet/Leaflet.draw/pull/164) | ||
| * Add flexible width action buttons. (by [@Grsmto](https://github.com/Grsmto)). [#181](https://github.com/Leaflet/Leaflet.draw/pull/181) | ||
| * Check for icon existence before disabling edit state. (by [@tmcw](https://github.com/tmcw)). [#182](https://github.com/Leaflet/Leaflet.draw/pull/182) | ||
| * Only update guideslines when guidelines are present. (by [@jayhogan](https://github.com/jayhogan)). [#188](https://github.com/Leaflet/Leaflet.draw/pull/188) | ||
| * Fixes to localization code so it can be correctly set after files have been loaded. | ||
| * Fix for firing `draw:edit` twice for Draw.SimpleShape. (by [@cazacugmihai](https://github.com/cazacugmihai)). [#192](https://github.com/Leaflet/Leaflet.draw/pull/192) | ||
| * Fix last edit menu buttons from wrapping. (by [@moiarcsan](https://github.com/moiarcsan)). [#198](https://github.com/Leaflet/Leaflet.draw/pull/198) | ||
| ## 0.2.1 (July 5, 2013) | ||
| ### Improvements | ||
| * `draw:edited` now returns a `FeatureGroup` of features edited. (by [@jmkelly](https://github.com/jmkelly)). [#95](https://github.com/Leaflet/Leaflet.draw/pull/95) | ||
| * Circle tooltip shows the radius (in m) while drawing. | ||
| * Added Leaflet version check to inform developers that Leaflet 0.6+ is required. | ||
| * Added ability to finish drawing polygons by double clicking. (inspired by [@snkashis](https://github.com/snkashis)). [#121](https://github.com/Leaflet/Leaflet.label/pull/121) | ||
| * Added test environment. (by [@iirvine](https://github.com/iirvine)). [#123](https://github.com/Leaflet/Leaflet.draw/pull/123) | ||
| * Added `L.drawLocal` object to allow users to customize the text used in the plugin. Addresses localization issues. (by [@Starefossen](https://github.com/Starefossen)). [#87](https://github.com/Leaflet/Leaflet.draw/pull/87) | ||
| * Added ability to disable edit mode path and marker styles. (inspired by [@markgibbons25](https://github.com/markgibbons25)). [#121](https://github.com/Leaflet/Leaflet.label/pull/137) | ||
| * Added area calculation when drawing a polygon. | ||
| * Polyline and Polygon tooltips update on click as well as mouse move. | ||
| ### Bugfixes | ||
| * Fixed issue where removing a vertex or adding a new one via midpoints would not update the edited state for polylines and polygons. | ||
| * Fixed issue where not passing in the context to `off()` would result in the event from not being unbound.(by [@koppelbakje](https://github.com/koppelbakje)). [#95](https://github.com/Leaflet/Leaflet.draw/pull/112) | ||
| * Fixed issue where removing the draw control from the map would result in an error. | ||
| * Fixed bug where removing points created by dragging midpoints would cause the polyline to not reflect any newly created points. | ||
| * Fixed regression where handlers were not able to be disabled.(by [@yohanboniface](https://github.com/yohanboniface)). [#139](https://github.com/Leaflet/Leaflet.draw/pull/139) | ||
| * Fixed bug where L.Draw.Polyline would try to remove a non-existant handler if the user cancelled and the polyline only had a single point. | ||
| ## 0.2.0 (February 20, 2013) | ||
@@ -10,0 +55,0 @@ |
@@ -9,3 +9,3 @@ /* | ||
| */ | ||
| (function(t,e){L.drawVersion="0.2.0-dev",L.Draw={},L.Draw.Feature=L.Handler.extend({includes:L.Mixin.Events,initialize:function(t,e){this._map=t,this._container=t._container,this._overlayPane=t._panes.overlayPane,this._popupPane=t._panes.popupPane,e&&e.shapeOptions&&(e.shapeOptions=L.Util.extend({},this.options.shapeOptions,e.shapeOptions)),L.Util.extend(this.options,e)},enable:function(){this._enabled||(L.Handler.prototype.enable.call(this),this.fire("enabled",{handler:this.type}),this._map.fire("draw:drawstart",{layerType:this.type}))},disable:function(){this._enabled&&(L.Handler.prototype.disable.call(this),this.fire("disabled",{handler:this.type}),this._map.fire("draw:drawstop",{layerType:this.type}))},addHooks:function(){this._map&&(L.DomUtil.disableTextSelection(),this._tooltip=new L.Tooltip(this._map),L.DomEvent.addListener(this._container,"keyup",this._cancelDrawing,this))},removeHooks:function(){this._map&&(L.DomUtil.enableTextSelection(),this._tooltip.dispose(),this._tooltip=null,L.DomEvent.removeListener(this._container,"keyup",this._cancelDrawing))},setOptions:function(t){L.setOptions(this,t)},_fireCreatedEvent:function(t){this._map.fire("draw:created",{layer:t,layerType:this.type})},_cancelDrawing:function(t){27===t.keyCode&&this.disable()}}),L.Draw.Polyline=L.Draw.Feature.extend({statics:{TYPE:"polyline"},Poly:L.Polyline,options:{allowIntersection:!0,drawError:{color:"#b00b00",message:"<strong>Error:</strong> shape edges cannot cross!",timeout:2500},icon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon"}),guidelineDistance:20,shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!1,clickable:!0},zIndexOffset:2e3},initialize:function(t,e){e&&e.drawError&&(e.drawError=L.Util.extend({},this.options.drawError,e.drawError)),this.type=L.Draw.Polyline.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._markers=[],this._markerGroup=new L.LayerGroup,this._map.addLayer(this._markerGroup),this._poly=new L.Polyline([],this.options.shapeOptions),this._tooltip.updateContent(this._getTooltipText()),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("click",this._onClick,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this).on("zoomend",this._onZoomEnd,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._clearHideErrorTimeout(),this._cleanUpShape(),this._map.removeLayer(this._markerGroup),delete this._markerGroup,delete this._markers,this._map.removeLayer(this._poly),delete this._poly,this._mouseMarker.off("click",this._onClick),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._clearGuides(),this._map.off("mousemove",this._onMouseMove).off("zoomend",this._onZoomEnd)},_finishShape:function(){var t=this._poly.newLatLngIntersects(this._poly.getLatLngs()[0],!0);return!this.options.allowIntersection&&t||!this._shapeIsValid()?(this._showErrorTooltip(),undefined):(this._fireCreatedEvent(),this.disable(),undefined)},_shapeIsValid:function(){return!0},_onZoomEnd:function(){this._updateGuide()},_onMouseMove:function(t){var e=t.layerPoint,i=t.latlng;this._currentLatLng=i,this._tooltip.updatePosition(i),this._updateGuide(e),this._mouseMarker.setLatLng(i),L.DomEvent.preventDefault(t.originalEvent)},_onClick:function(t){var e=t.target.getLatLng(),i=this._markers.length;return i>0&&!this.options.allowIntersection&&this._poly.newLatLngIntersects(e)?(this._showErrorTooltip(),undefined):(this._errorShown&&this._hideErrorTooltip(),this._markers.push(this._createMarker(e)),this._poly.addLatLng(e),2===this._poly.getLatLngs().length&&this._map.addLayer(this._poly),this._updateMarkerHandler(),this._vertexAdded(e),this._clearGuides(),undefined)},_updateMarkerHandler:function(){this._markers.length>1&&this._markers[this._markers.length-1].on("click",this._finishShape,this),this._markers.length>2&&this._markers[this._markers.length-2].off("click",this._finishShape)},_createMarker:function(t){var e=new L.Marker(t,{icon:this.options.icon,zIndexOffset:2*this.options.zIndexOffset});return this._markerGroup.addLayer(e),e},_updateGuide:function(t){t=t||this._map.latLngToLayerPoint(this._currentLatLng);var e=this._markers.length;e>0&&(this._errorShown||this._tooltip.updateContent(this._getTooltipText()),this._clearGuides(),this._drawGuide(this._map.latLngToLayerPoint(this._markers[e-1].getLatLng()),t))},_drawGuide:function(t,e){var i,o,s,a,n=Math.floor(Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2)));for(this._guidesContainer||(this._guidesContainer=L.DomUtil.create("div","leaflet-draw-guides",this._overlayPane)),i=this.options.guidelineDistance;n>i;i+=this.options.guidelineDistance)o=i/n,s={x:Math.floor(t.x*(1-o)+o*e.x),y:Math.floor(t.y*(1-o)+o*e.y)},a=L.DomUtil.create("div","leaflet-draw-guide-dash",this._guidesContainer),a.style.backgroundColor=this._errorShown?this.options.drawError.color:this.options.shapeOptions.color,L.DomUtil.setPosition(a,s)},_updateGuideColor:function(t){if(this._guidesContainer)for(var e=0,i=this._guidesContainer.childNodes.length;i>e;e++)this._guidesContainer.childNodes[e].style.backgroundColor=t},_clearGuides:function(){if(this._guidesContainer)for(;this._guidesContainer.firstChild;)this._guidesContainer.removeChild(this._guidesContainer.firstChild)},_getTooltipText:function(){var t,e,i;return 0===this._markers.length?t={text:"Click to start drawing line."}:(e=this._measurementRunningTotal+this._currentLatLng.distanceTo(this._markers[this._markers.length-1].getLatLng()),i=e>1e3?(e/1e3).toFixed(2)+" km":Math.ceil(e)+" m",t=1===this._markers.length?{text:"Click to continue drawing line.",subtext:i}:{text:"Click last point to finish line.",subtext:i}),t},_showErrorTooltip:function(){this._errorShown=!0,this._tooltip.showAsError().updateContent({text:this.options.drawError.message}),this._updateGuideColor(this.options.drawError.color),this._poly.setStyle({color:this.options.drawError.color}),this._clearHideErrorTimeout(),this._hideErrorTimeout=setTimeout(L.Util.bind(this._hideErrorTooltip,this),this.options.drawError.timeout)},_hideErrorTooltip:function(){this._errorShown=!1,this._clearHideErrorTimeout(),this._tooltip.removeError().updateContent(this._getTooltipText()),this._updateGuideColor(this.options.shapeOptions.color),this._poly.setStyle({color:this.options.shapeOptions.color})},_clearHideErrorTimeout:function(){this._hideErrorTimeout&&(clearTimeout(this._hideErrorTimeout),this._hideErrorTimeout=null)},_vertexAdded:function(t){1===this._markers.length?this._measurementRunningTotal=0:this._measurementRunningTotal+=t.distanceTo(this._markers[this._markers.length-2].getLatLng())},_cleanUpShape:function(){this._markers.length>0&&this._markers[this._markers.length-1].off("click",this._finishShape)},_fireCreatedEvent:function(){var t=new this.Poly(this._poly.getLatLngs(),this.options.shapeOptions);L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Draw.Polygon=L.Draw.Polyline.extend({statics:{TYPE:"polygon"},Poly:L.Polygon,options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0}},initialize:function(t,e){L.Draw.Polyline.prototype.initialize.call(this,t,e),this.type=L.Draw.Polygon.TYPE},_updateMarkerHandler:function(){1===this._markers.length&&this._markers[0].on("click",this._finishShape,this)},_getTooltipText:function(){var t;return t=0===this._markers.length?"Click to start drawing shape.":3>this._markers.length?"Click to continue drawing shape.":"Click first point to close this shape.",{text:t}},_shapeIsValid:function(){return this._markers.length>=3},_vertexAdded:function(){},_cleanUpShape:function(){this._markers.length>0&&this._markers[0].off("click",this._finishShape)}}),L.SimpleShape={},L.Draw.SimpleShape=L.Draw.Feature.extend({addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._map.dragging.disable(),this._container.style.cursor="crosshair",this._tooltip.updateContent({text:this._initialLabelText}),this._map.on("mousedown",this._onMouseDown,this).on("mousemove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._map.dragging.enable(),this._container.style.cursor="",this._map.off("mousedown",this._onMouseDown,this).off("mousemove",this._onMouseMove,this),L.DomEvent.off(e,"mouseup",this._onMouseUp),this._shape&&(this._map.removeLayer(this._shape),delete this._shape)),this._isDrawing=!1},_onMouseDown:function(t){this._isDrawing=!0,this._startLatLng=t.latlng,L.DomEvent.on(e,"mouseup",this._onMouseUp,this).preventDefault(t.originalEvent)},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._isDrawing&&(this._tooltip.updateContent({text:"Release mouse to finish drawing."}),this._drawShape(e))},_onMouseUp:function(){this._shape&&this._fireCreatedEvent(),this.disable()}}),L.Draw.Rectangle=L.Draw.SimpleShape.extend({statics:{TYPE:"rectangle"},options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0}},initialize:function(t,e){this.type=L.Draw.Rectangle.TYPE,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_initialLabelText:"Click and drag to draw rectangle.",_drawShape:function(t){this._shape?this._shape.setBounds(new L.LatLngBounds(this._startLatLng,t)):(this._shape=new L.Rectangle(new L.LatLngBounds(this._startLatLng,t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Rectangle(this._shape.getBounds(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)}}),L.Draw.Circle=L.Draw.SimpleShape.extend({statics:{TYPE:"circle"},options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0}},initialize:function(t,e){this.type=L.Draw.Circle.TYPE,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_initialLabelText:"Click and drag to draw circle.",_drawShape:function(t){this._shape?this._shape.setRadius(this._startLatLng.distanceTo(t)):(this._shape=new L.Circle(this._startLatLng,this._startLatLng.distanceTo(t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Circle(this._startLatLng,this._shape.getRadius(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)}}),L.Draw.Marker=L.Draw.Feature.extend({statics:{TYPE:"marker"},options:{icon:new L.Icon.Default,zIndexOffset:2e3},initialize:function(t,e){this.type=L.Draw.Marker.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._tooltip.updateContent({text:"Click map to place marker."}),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("click",this._onClick,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._marker&&(this._marker.off("click",this._onClick),this._map.off("click",this._onClick).removeLayer(this._marker),delete this._marker),this._mouseMarker.off("click",this._onClick),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._map.off("mousemove",this._onMouseMove))},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._mouseMarker.setLatLng(e),this._marker?this._marker.setLatLng(e):(this._marker=new L.Marker(e,{icon:this.options.icon,zIndexOffset:this.options.zIndexOffset}),this._marker.on("click",this._onClick,this),this._map.on("click",this._onClick,this).addLayer(this._marker))},_onClick:function(){this._fireCreatedEvent(),this.disable()},_fireCreatedEvent:function(){var t=new L.Marker(this._marker.getLatLng(),{icon:this.options.icon});L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Edit=L.Edit||{},L.Edit.Poly=L.Handler.extend({options:{icon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon"})},initialize:function(t,e){this._poly=t,L.setOptions(this,e)},addHooks:function(){this._poly._map&&(this._markerGroup||this._initMarkers(),this._poly._map.addLayer(this._markerGroup))},removeHooks:function(){this._poly._map&&(this._poly._map.removeLayer(this._markerGroup),delete this._markerGroup,delete this._markers)},updateMarkers:function(){this._markerGroup.clearLayers(),this._initMarkers()},_initMarkers:function(){this._markerGroup||(this._markerGroup=new L.LayerGroup),this._markers=[];var t,e,i,o,s=this._poly._latlngs;for(t=0,i=s.length;i>t;t++)o=this._createMarker(s[t],t),o.on("click",this._onMarkerClick,this),this._markers.push(o);var a,n;for(t=0,e=i-1;i>t;e=t++)(0!==t||L.Polygon&&this._poly instanceof L.Polygon)&&(a=this._markers[e],n=this._markers[t],this._createMiddleMarker(a,n),this._updatePrevNext(a,n))},_createMarker:function(t,e){var i=new L.Marker(t,{draggable:!0,icon:this.options.icon});return i._origLatLng=t,i._index=e,i.on("drag",this._onMarkerDrag,this),i.on("dragend",this._fireEdit,this),this._markerGroup.addLayer(i),i},_fireEdit:function(){this._poly.fire("edit")},_onMarkerDrag:function(t){var e=t.target;L.extend(e._origLatLng,e._latlng),e._middleLeft&&e._middleLeft.setLatLng(this._getMiddleLatLng(e._prev,e)),e._middleRight&&e._middleRight.setLatLng(this._getMiddleLatLng(e,e._next)),this._poly.redraw()},_onMarkerClick:function(t){if(!(3>this._poly._latlngs.length)){var e=t.target,i=e._index;this._markerGroup.removeLayer(e),this._markers.splice(i,1),this._poly.spliceLatLngs(i,1),this._updateIndexes(i,-1),this._updatePrevNext(e._prev,e._next),e._middleLeft&&this._markerGroup.removeLayer(e._middleLeft),e._middleRight&&this._markerGroup.removeLayer(e._middleRight),e._prev&&e._next?this._createMiddleMarker(e._prev,e._next):e._prev?e._next||(e._prev._middleRight=null):e._next._middleLeft=null,this._poly.fire("edit")}},_updateIndexes:function(t,e){this._markerGroup.eachLayer(function(i){i._index>t&&(i._index+=e)})},_createMiddleMarker:function(t,e){var i,o,s,a=this._getMiddleLatLng(t,e),n=this._createMarker(a);n.setOpacity(.6),t._middleRight=e._middleLeft=n,o=function(){var o=e._index;n._index=o,n.off("click",i).on("click",this._onMarkerClick,this),a.lat=n.getLatLng().lat,a.lng=n.getLatLng().lng,this._poly.spliceLatLngs(o,0,a),this._markers.splice(o,0,n),n.setOpacity(1),this._updateIndexes(o,1),e._index++,this._updatePrevNext(t,n),this._updatePrevNext(n,e)},s=function(){n.off("dragstart",o,this),n.off("dragend",s,this),this._createMiddleMarker(t,n),this._createMiddleMarker(n,e)},i=function(){o.call(this),s.call(this),this._poly.fire("edit")},n.on("click",i,this).on("dragstart",o,this).on("dragend",s,this),this._markerGroup.addLayer(n)},_updatePrevNext:function(t,e){t&&(t._next=e),e&&(e._prev=t)},_getMiddleLatLng:function(t,e){var i=this._poly._map,o=i.latLngToLayerPoint(t.getLatLng()),s=i.latLngToLayerPoint(e.getLatLng());return i.layerPointToLatLng(o._add(s)._divideBy(2))}}),L.Polyline.addInitHook(function(){this.editing||(L.Edit.Poly&&(this.editing=new L.Edit.Poly(this),this.options.editable&&this.editing.enable()),this.on("add",function(){this.editing&&this.editing.enabled()&&this.editing.addHooks()}),this.on("remove",function(){this.editing&&this.editing.enabled()&&this.editing.removeHooks()}))}),L.Edit=L.Edit||{},L.Edit.SimpleShape=L.Handler.extend({options:{moveIcon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon leaflet-edit-move"}),resizeIcon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon leaflet-edit-resize"})},initialize:function(t,e){this._shape=t,L.Util.setOptions(this,e)},addHooks:function(){this._shape._map&&(this._map=this._shape._map,this._markerGroup||this._initMarkers(),this._map.addLayer(this._markerGroup))},removeHooks:function(){if(this._shape._map){this._unbindMarker(this._moveMarker);for(var t=0,e=this._resizeMarkers.length;e>t;t++)this._unbindMarker(this._resizeMarkers[t]);this._resizeMarkers=null,this._map.removeLayer(this._markerGroup),delete this._markerGroup}this._map=null},updateMarkers:function(){this._markerGroup.clearLayers(),this._initMarkers()},_initMarkers:function(){this._markerGroup||(this._markerGroup=new L.LayerGroup),this._createMoveMarker(),this._createResizeMarker()},_createMoveMarker:function(){},_createResizeMarker:function(){},_createMarker:function(t,e){var i=new L.Marker(t,{draggable:!0,icon:e,zIndexOffset:10});return this._bindMarker(i),this._markerGroup.addLayer(i),i},_bindMarker:function(t){t.on("dragstart",this._onMarkerDragStart,this).on("drag",this._onMarkerDrag,this).on("dragend",this._onMarkerDragEnd,this)},_unbindMarker:function(t){t.off("dragstart",this._onMarkerDragStart).off("drag",this._onMarkerDrag).off("dragend",this._onMarkerDragEnd)},_onMarkerDragStart:function(t){var e=t.target;e.setOpacity(0)},_onMarkerDrag:function(t){var e=t.target,i=e.getLatLng();e===this._moveMarker?this._move(i):this._resize(i),this._shape.redraw()},_onMarkerDragEnd:function(t){var e=t.target;e.setOpacity(1),this._shape.fire("edit")},_move:function(){},_resize:function(){}}),L.Edit=L.Edit||{},L.Edit.Rectangle=L.Edit.SimpleShape.extend({_createMoveMarker:function(){var t=this._shape.getBounds(),e=t.getCenter();this._moveMarker=this._createMarker(e,this.options.moveIcon)},_createResizeMarker:function(){var t=this._getCorners();this._resizeMarkers=[];for(var e=0,i=t.length;i>e;e++)this._resizeMarkers.push(this._createMarker(t[e],this.options.resizeIcon)),this._resizeMarkers[e]._cornerIndex=e},_onMarkerDragStart:function(t){L.Edit.SimpleShape.prototype._onMarkerDragStart.call(this,t);var e=this._getCorners(),i=t.target,o=i._cornerIndex;this._oppositeCorner=e[(o+2)%4],this._toggleCornerMarkers(0,o)},_onMarkerDragEnd:function(t){var e,i,o=t.target;o===this._moveMarker&&(e=this._shape.getBounds(),i=e.getCenter(),o.setLatLng(i)),this._toggleCornerMarkers(1),this._repositionCornerMarkers(),L.Edit.SimpleShape.prototype._onMarkerDragEnd.call(this,t)},_move:function(t){for(var e,i=this._shape.getLatLngs(),o=this._shape.getBounds(),s=o.getCenter(),a=[],n=0,r=i.length;r>n;n++)e=[i[n].lat-s.lat,i[n].lng-s.lng],a.push([t.lat+e[0],t.lng+e[1]]);this._shape.setLatLngs(a),this._repositionCornerMarkers()},_resize:function(t){var e;this._shape.setBounds(L.latLngBounds(t,this._oppositeCorner)),e=this._shape.getBounds(),this._moveMarker.setLatLng(e.getCenter())},_getCorners:function(){var t=this._shape.getBounds(),e=t.getNorthWest(),i=t.getNorthEast(),o=t.getSouthEast(),s=t.getSouthWest();return[e,i,o,s]},_toggleCornerMarkers:function(t){for(var e=0,i=this._resizeMarkers.length;i>e;e++)this._resizeMarkers[e].setOpacity(t)},_repositionCornerMarkers:function(){for(var t=this._getCorners(),e=0,i=this._resizeMarkers.length;i>e;e++)this._resizeMarkers[e].setLatLng(t[e])}}),L.Rectangle.addInitHook(function(){L.Edit.Rectangle&&(this.editing=new L.Edit.Rectangle(this),this.options.editable&&this.editing.enable())}),L.Edit=L.Edit||{},L.Edit.Circle=L.Edit.SimpleShape.extend({_createMoveMarker:function(){var t=this._shape.getLatLng();this._moveMarker=this._createMarker(t,this.options.moveIcon)},_createResizeMarker:function(){var t=this._shape.getLatLng(),e=this._getResizeMarkerPoint(t);this._resizeMarkers=[],this._resizeMarkers.push(this._createMarker(e,this.options.resizeIcon))},_getResizeMarkerPoint:function(t){var e=this._shape._radius*Math.cos(Math.PI/4),i=this._map.project(t);return this._map.unproject([i.x+e,i.y-e])},_move:function(t){var e=this._getResizeMarkerPoint(t);this._resizeMarkers[0].setLatLng(e),this._shape.setLatLng(t)},_resize:function(t){var e=this._moveMarker.getLatLng(),i=e.distanceTo(t);this._shape.setRadius(i)}}),L.Circle.addInitHook(function(){L.Edit.Circle&&(this.editing=new L.Edit.Circle(this),this.options.editable&&this.editing.enable()),this.on("add",function(){this.editing&&this.editing.enabled()&&this.editing.addHooks()}),this.on("remove",function(){this.editing&&this.editing.enabled()&&this.editing.removeHooks()})}),L.LatLngUtil={cloneLatLngs:function(t){for(var e=[],i=0,o=t.length;o>i;i++)e.push(this.cloneLatLng(t[i]));return e},cloneLatLng:function(t){return L.latLng(t.lat,t.lng)}},L.Util.extend(L.LineUtil,{segmentsIntersect:function(t,e,i,o){return this._checkCounterclockwise(t,i,o)!==this._checkCounterclockwise(e,i,o)&&this._checkCounterclockwise(t,e,i)!==this._checkCounterclockwise(t,e,o)},_checkCounterclockwise:function(t,e,i){return(i.y-t.y)*(e.x-t.x)>(e.y-t.y)*(i.x-t.x)}}),L.Polyline.include({intersects:function(){var t,e,i,o=this._originalPoints,s=o?o.length:0;if(this._tooFewPointsForIntersection())return!1;for(t=s-1;t>=3;t--)if(e=o[t-1],i=o[t],this._lineSegmentsIntersectsRange(e,i,t-2))return!0;return!1},newLatLngIntersects:function(t,e){return this._map?this.newPointIntersects(this._map.latLngToLayerPoint(t),e):!1},newPointIntersects:function(t,e){var i=this._originalPoints,o=i?i.length:0,s=i?i[o-1]:null,a=o-2;return this._tooFewPointsForIntersection(1)?!1:this._lineSegmentsIntersectsRange(s,t,a,e?1:0)},_tooFewPointsForIntersection:function(t){var e=this._originalPoints,i=e?e.length:0;return i+=t||0,!this._originalPoints||3>=i},_lineSegmentsIntersectsRange:function(t,e,i,o){var s,a,n=this._originalPoints;o=o||0;for(var r=i;r>o;r--)if(s=n[r-1],a=n[r],L.LineUtil.segmentsIntersect(t,e,s,a))return!0;return!1}}),L.Polygon.include({intersects:function(){var t,e,i,o,s,a=this._originalPoints;return this._tooFewPointsForIntersection()?!1:(t=L.Polyline.prototype.intersects.call(this))?!0:(e=a.length,i=a[0],o=a[e-1],s=e-2,this._lineSegmentsIntersectsRange(o,i,s,1))}}),L.Control.Draw=L.Control.extend({options:{position:"topleft",draw:{},edit:!1},initialize:function(t){L.Control.prototype.initialize.call(this,t);var e,i;this._toolbars={},L.DrawToolbar&&this.options.draw&&(i=new L.DrawToolbar(this.options.draw),e=L.stamp(i),this._toolbars[e]=i,this._toolbars[e].on("enable",this._toolbarEnabled,this)),L.EditToolbar&&this.options.edit&&(i=new L.EditToolbar(this.options.edit),e=L.stamp(i),this._toolbars[e]=i,this._toolbars[e].on("enable",this._toolbarEnabled,this))},onAdd:function(t){var e,i=L.DomUtil.create("div","leaflet-draw"),o=!1,s="leaflet-draw-toolbar-top";for(var a in this._toolbars)this._toolbars.hasOwnProperty(a)&&(e=this._toolbars[a].addToolbar(t),o||(L.DomUtil.hasClass(e,s)||L.DomUtil.addClass(e.childNodes[0],s),o=!0),i.appendChild(e));return i},onRemove:function(){for(var t in this._toolbars)this._toolbars.hasOwnProperty(t)&&this._toolbars[t].removeToolbar()},setDrawingOptions:function(t){for(var e in this._toolbars)this._toolbars[e]instanceof L.DrawToolbar&&this._toolbars[e].setOptions(t)},_toolbarEnabled:function(t){var e=""+L.stamp(t.target);for(var i in this._toolbars)this._toolbars.hasOwnProperty(i)&&i!==e&&this._toolbars[i].disable()}}),L.Map.mergeOptions({drawControl:!1}),L.Map.addInitHook(function(){this.options.drawControl&&(this.drawControl=new L.Control.Draw,this.addControl(this.drawControl))}),L.Toolbar=L.Class.extend({includes:[L.Mixin.Events],initialize:function(t){L.setOptions(this,t),this._modes={},this._actionButtons=[],this._activeMode=null},enabled:function(){return null!==this._activeMode},disable:function(){this.enabled()&&this._activeMode.handler.disable()},removeToolbar:function(){for(var t in this._modes)this._modes.hasOwnProperty(t)&&(this._disposeButton(this._modes[t].button,this._modes[t].handler.enable),this._modes[t].handler.disable(),this._modes[t].handler.off("enabled",this._handlerActivated).off("disabled",this._handlerDeactivated));this._modes={};for(var e=0,i=this._actionButtons.length;i>e;e++)this._disposeButton(this._actionButtons[e]);this._actionButtons=[],this._actionsContainer=null},_initModeHandler:function(t,e,i,o){var s=t.type;this._modes[s]={},this._modes[s].handler=t,this._modes[s].button=this._createButton({title:this.options[s].title,className:o+"-"+s,container:e,callback:this._modes[s].handler.enable,context:this._modes[s].handler}),this._modes[s].buttonIndex=i,this._modes[s].handler.on("enabled",this._handlerActivated,this).on("disabled",this._handlerDeactivated,this)},_createButton:function(t){var e=L.DomUtil.create("a",t.className||"",t.container);return e.href="#",t.text&&(e.innerHTML=t.text),t.title&&(e.title=t.title),L.DomEvent.on(e,"click",L.DomEvent.stopPropagation).on(e,"mousedown",L.DomEvent.stopPropagation).on(e,"dblclick",L.DomEvent.stopPropagation).on(e,"click",L.DomEvent.preventDefault).on(e,"click",t.callback,t.context),e},_disposeButton:function(t,e){L.DomEvent.off(t,"click",L.DomEvent.stopPropagation).off(t,"mousedown",L.DomEvent.stopPropagation).off(t,"dblclick",L.DomEvent.stopPropagation).off(t,"click",L.DomEvent.preventDefault).off(t,"click",e)},_handlerActivated:function(t){this._activeMode&&this._activeMode.handler.enabled()&&this._activeMode.handler.disable(),this._activeMode=this._modes[t.handler],L.DomUtil.addClass(this._activeMode.button,"leaflet-draw-toolbar-button-enabled"),this._showActionsToolbar(),this.fire("enable")},_handlerDeactivated:function(){this._hideActionsToolbar(),L.DomUtil.removeClass(this._activeMode.button,"leaflet-draw-toolbar-button-enabled"),this._activeMode=null,this.fire("disable")},_createActions:function(t){for(var e,i,o=L.DomUtil.create("ul","leaflet-draw-actions"),s=50,a=t.length,n=a*s+(a-1),r=0;a>r;r++)e=L.DomUtil.create("li","",o),i=this._createButton({title:t[r].title,text:t[r].text,container:e,callback:t[r].callback,context:t[r].context}),this._actionButtons.push(i);return o.style.width=n+"px",o},_showActionsToolbar:function(){var t=this._activeMode.buttonIndex,e=this._lastButtonIndex,i=26,o=1,s=t*i+t*o-1;this._actionsContainer.style.top=s+"px",0===t&&(L.DomUtil.addClass(this._toolbarContainer,"leaflet-draw-toolbar-notop"),L.DomUtil.addClass(this._actionsContainer,"leaflet-draw-actions-top")),t===e&&(L.DomUtil.addClass(this._toolbarContainer,"leaflet-draw-toolbar-nobottom"),L.DomUtil.addClass(this._actionsContainer,"leaflet-draw-actions-bottom")),this._actionsContainer.style.display="block"},_hideActionsToolbar:function(){this._actionsContainer.style.display="none",L.DomUtil.removeClass(this._toolbarContainer,"leaflet-draw-toolbar-notop"),L.DomUtil.removeClass(this._toolbarContainer,"leaflet-draw-toolbar-nobottom"),L.DomUtil.removeClass(this._actionsContainer,"leaflet-draw-actions-top"),L.DomUtil.removeClass(this._actionsContainer,"leaflet-draw-actions-bottom")}}),L.Tooltip=L.Class.extend({initialize:function(t){this._map=t,this._popupPane=t._panes.popupPane,this._container=L.DomUtil.create("div","leaflet-draw-tooltip",this._popupPane),this._singleLineLabel=!1},dispose:function(){this._popupPane.removeChild(this._container),this._container=null},updateContent:function(t){return t.subtext=t.subtext||"",0!==t.subtext.length||this._singleLineLabel?t.subtext.length>0&&this._singleLineLabel&&(L.DomUtil.removeClass(this._container,"leaflet-draw-tooltip-single"),this._singleLineLabel=!1):(L.DomUtil.addClass(this._container,"leaflet-draw-tooltip-single"),this._singleLineLabel=!0),this._container.innerHTML=(t.subtext.length>0?'<span class="leaflet-draw-tooltip-subtext">'+t.subtext+"</span>"+"<br />":"")+"<span>"+t.text+"</span>",this},updatePosition:function(t){var e=this._map.latLngToLayerPoint(t);return L.DomUtil.setPosition(this._container,e),this},showAsError:function(){return L.DomUtil.addClass(this._container,"leaflet-error-draw-tooltip"),this},removeError:function(){return L.DomUtil.removeClass(this._container,"leaflet-error-draw-tooltip"),this}}),L.DrawToolbar=L.Toolbar.extend({options:{polyline:{title:"Draw a polyline"},polygon:{title:"Draw a polygon"},rectangle:{title:"Draw a rectangle"},circle:{title:"Draw a circle"},marker:{title:"Add a marker"}},initialize:function(t){L.Toolbar.prototype.initialize.call(this,t)},addToolbar:function(t){var e=L.DomUtil.create("div","leaflet-draw-section"),i=0,o="leaflet-draw-draw";return this._toolbarContainer=L.DomUtil.create("div","leaflet-draw-toolbar leaflet-bar"),this.options.polyline&&this._initModeHandler(new L.Draw.Polyline(t,this.options.polyline),this._toolbarContainer,i++,o),this.options.polygon&&this._initModeHandler(new L.Draw.Polygon(t,this.options.polygon),this._toolbarContainer,i++,o),this.options.rectangle&&this._initModeHandler(new L.Draw.Rectangle(t,this.options.rectangle),this._toolbarContainer,i++,o),this.options.circle&&this._initModeHandler(new L.Draw.Circle(t,this.options.circle),this._toolbarContainer,i++,o),this.options.marker&&this._initModeHandler(new L.Draw.Marker(t,this.options.marker),this._toolbarContainer,i++,o),this._lastButtonIndex=--i,this._actionsContainer=this._createActions([{title:"Cancel drawing",text:"Cancel",callback:this.disable,context:this}]),e.appendChild(this._toolbarContainer),e.appendChild(this._actionsContainer),e},setOptions:function(t){L.setOptions(this,t);for(var e in this._modes)this._modes.hasOwnProperty(e)&&t.hasOwnProperty(e)&&this._modes[e].handler.setOptions(t[e])}}),L.EditToolbar=L.Toolbar.extend({options:{edit:{title:"Edit layers",selectedPathOptions:null},remove:{title:"Delete layers"},featureGroup:null},initialize:function(t){L.Toolbar.prototype.initialize.call(this,t),this._selectedFeatureCount=0},addToolbar:function(t){var e=L.DomUtil.create("div","leaflet-draw-section"),i=0,o="leaflet-draw-edit";return this._toolbarContainer=L.DomUtil.create("div","leaflet-draw-toolbar leaflet-bar"),this._map=t,this.options.edit&&this._initModeHandler(new L.EditToolbar.Edit(t,{featureGroup:this.options.featureGroup,selectedPathOptions:this.options.edit.selectedPathOptions}),this._toolbarContainer,i++,o),this.options.remove&&this._initModeHandler(new L.EditToolbar.Delete(t,{featureGroup:this.options.featureGroup}),this._toolbarContainer,i++,o),this._lastButtonIndex=--i,this._actionsContainer=this._createActions([{title:"Save changes.",text:"Save",callback:this._save,context:this},{title:"Cancel editing, discards all changes.",text:"Cancel",callback:this.disable,context:this}]),e.appendChild(this._toolbarContainer),e.appendChild(this._actionsContainer),e},disable:function(){this.enabled()&&(this._activeMode.handler.revertLayers(),L.Toolbar.prototype.disable.call(this))},_save:function(){this._activeMode.handler.save(),this._activeMode.handler.disable()}}),L.EditToolbar.Edit=L.Handler.extend({statics:{TYPE:"edit"},includes:L.Mixin.Events,options:{selectedPathOptions:{color:"#fe57a1",opacity:.6,dashArray:"10, 10",fill:!0,fillColor:"#fe57a1",fillOpacity:.1}},initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),e.selectedPathOptions=e.selectedPathOptions||this.options.selectedPathOptions,L.Util.setOptions(this,e),this._featureGroup=this.options.featureGroup,!(this._featureGroup instanceof L.FeatureGroup))throw Error("options.featureGroup must be a L.FeatureGroup");this._uneditedLayerProps={},this.type=L.EditToolbar.Edit.TYPE},enable:function(){this._enabled||(L.Handler.prototype.enable.call(this),this._featureGroup.on("layeradd",this._enableLayerEdit,this).on("layerremove",this._disableLayerEdit,this),this.fire("enabled",{handler:this.type}))},disable:function(){this._enabled&&(this.fire("disabled",{handler:this.type}),this._featureGroup.off("layeradd",this._enableLayerEdit).off("layerremove",this._disableLayerEdit),L.Handler.prototype.disable.call(this))},addHooks:function(){this._map&&(this._featureGroup.eachLayer(this._enableLayerEdit,this),this._tooltip=new L.Tooltip(this._map),this._tooltip.updateContent({text:"Drag handles, or marker to edit feature.",subtext:"Click cancel to undo changes."}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._featureGroup.eachLayer(this._disableLayerEdit,this),this._uneditedLayerProps={},this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove)) | ||
| },revertLayers:function(){this._featureGroup.eachLayer(function(t){this._revertLayer(t)},this)},save:function(){this._map.fire("draw:edited")},_backupLayer:function(t){var e=L.Util.stamp(t);this._uneditedLayerProps[e]||(this._uneditedLayerProps[e]=t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?{latlngs:L.LatLngUtil.cloneLatLngs(t.getLatLngs())}:t instanceof L.Circle?{latlng:L.LatLngUtil.cloneLatLng(t.getLatLng()),radius:t.getRadius()}:{latlng:L.LatLngUtil.cloneLatLng(t.getLatLng())})},_revertLayer:function(t){var e=L.Util.stamp(t);this._uneditedLayerProps.hasOwnProperty(e)&&(t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?t.setLatLngs(this._uneditedLayerProps[e].latlngs):t instanceof L.Circle?(t.setLatLng(this._uneditedLayerProps[e].latlng),t.setRadius(this._uneditedLayerProps[e].radius)):t.setLatLng(this._uneditedLayerProps[e].latlng))},_toggleMarkerHighlight:function(t){var e=t._icon;e.style.display="none",L.DomUtil.hasClass(e,"leaflet-edit-marker-selected")?(L.DomUtil.removeClass(e,"leaflet-edit-marker-selected"),this._offsetMarker(e,-4)):(L.DomUtil.addClass(e,"leaflet-edit-marker-selected"),this._offsetMarker(e,4)),e.style.display=""},_offsetMarker:function(t,e){var i=parseInt(t.style.marginTop,10)-e,o=parseInt(t.style.marginLeft,10)-e;t.style.marginTop=i+"px",t.style.marginLeft=o+"px"},_enableLayerEdit:function(t){var e=t.layer||t.target||t,i=L.Util.extend({},this.options.selectedPathOptions);this._backupLayer(e),e instanceof L.Marker?this._toggleMarkerHighlight(e):(e.options.previousOptions=e.options,e instanceof L.Circle||e instanceof L.Polygon||e instanceof L.Rectangle||(i.fill=!1),e.setStyle(i)),e instanceof L.Marker?e.dragging.enable():e.editing.enable()},_disableLayerEdit:function(t){var e=t.layer||t.target||t;e instanceof L.Marker?this._toggleMarkerHighlight(e):(e.setStyle(e.options.previousOptions),delete e.options.previousOptions),e instanceof L.Marker?e.dragging.disable():e.editing.disable()},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)}}),L.EditToolbar.Delete=L.Handler.extend({statics:{TYPE:"remove"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),L.Util.setOptions(this,e),this._deletableLayers=this.options.featureGroup,!(this._deletableLayers instanceof L.FeatureGroup))throw Error("options.featureGroup must be a L.FeatureGroup");this.type=L.EditToolbar.Delete.TYPE},enable:function(){this._enabled||(L.Handler.prototype.enable.call(this),this._deletableLayers.on("layeradd",this._enableLayerDelete,this).on("layerremove",this._disableLayerDelete,this),this.fire("enabled",{handler:this.type}))},disable:function(){this._enabled&&(L.Handler.prototype.disable.call(this),this._deletableLayers.off("layeradd",this._enableLayerDelete).off("layerremove",this._disableLayerDelete),this.fire("disabled",{handler:this.type}))},addHooks:function(){this._map&&(this._deletableLayers.eachLayer(this._enableLayerDelete,this),this._deletedLayers=new L.layerGroup,this._tooltip=new L.Tooltip(this._map),this._tooltip.updateContent({text:"Click on a feature to remove."}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._deletableLayers.eachLayer(this._disableLayerDelete,this),this._deletedLayers=null,this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove))},revertLayers:function(){this._deletedLayers.eachLayer(function(t){this._deletableLayers.addLayer(t)},this)},save:function(){this._map.fire("draw:deleted",{layers:this._deletedLayers})},_enableLayerDelete:function(t){var e=t.layer||t.target||t;e.on("click",this._removeLayer,this)},_disableLayerDelete:function(t){var e=t.layer||t.target||t;e.off("click",this._removeLayer),this._deletedLayers.removeLayer(e)},_removeLayer:function(t){var e=t.layer||t.target||t;this._deletableLayers.removeLayer(e),this._deletedLayers.addLayer(e)},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)}})})(this,document); | ||
| (function(t,e){L.drawVersion="0.2.2",L.drawLocal={draw:{toolbar:{actions:{title:"Cancel drawing",text:"Cancel"},buttons:{polyline:"Draw a polyline",polygon:"Draw a polygon",rectangle:"Draw a rectangle",circle:"Draw a circle",marker:"Draw a marker"}},handlers:{circle:{tooltip:{start:"Click and drag to draw circle."}},marker:{tooltip:{start:"Click map to place marker."}},polygon:{tooltip:{start:"Click to start drawing shape.",cont:"Click to continue drawing shape.",end:"Click first point to close this shape."}},polyline:{error:"<strong>Error:</strong> shape edges cannot cross!",tooltip:{start:"Click to start drawing line.",cont:"Click to continue drawing line.",end:"Click last point to finish line."}},rectangle:{tooltip:{start:"Click and drag to draw rectangle."}},simpleshape:{tooltip:{end:"Release mouse to finish drawing."}}}},edit:{toolbar:{actions:{save:{title:"Save changes.",text:"Save"},cancel:{title:"Cancel editing, discards all changes.",text:"Cancel"}},buttons:{edit:"Edit layers.",editDisabled:"No layers to edit.",remove:"Delete layers.",removeDisabled:"No layers to delete."}},handlers:{edit:{tooltip:{text:"Drag handles, or marker to edit feature.",subtext:"Click cancel to undo changes."}},remove:{tooltip:{text:"Click on a feature to remove"}}}}},L.Draw={},L.Draw.Feature=L.Handler.extend({includes:L.Mixin.Events,initialize:function(t,e){this._map=t,this._container=t._container,this._overlayPane=t._panes.overlayPane,this._popupPane=t._panes.popupPane,e&&e.shapeOptions&&(e.shapeOptions=L.Util.extend({},this.options.shapeOptions,e.shapeOptions)),L.Util.extend(this.options,e)},enable:function(){this._enabled||(L.Handler.prototype.enable.call(this),this.fire("enabled",{handler:this.type}),this._map.fire("draw:drawstart",{layerType:this.type}))},disable:function(){this._enabled&&(L.Handler.prototype.disable.call(this),this.fire("disabled",{handler:this.type}),this._map.fire("draw:drawstop",{layerType:this.type}))},addHooks:function(){this._map&&(L.DomUtil.disableTextSelection(),this._tooltip=new L.Tooltip(this._map),L.DomEvent.addListener(this._container,"keyup",this._cancelDrawing,this))},removeHooks:function(){this._map&&(L.DomUtil.enableTextSelection(),this._tooltip.dispose(),this._tooltip=null,L.DomEvent.removeListener(this._container,"keyup",this._cancelDrawing))},setOptions:function(t){L.setOptions(this,t)},_fireCreatedEvent:function(t){this._map.fire("draw:created",{layer:t,layerType:this.type})},_cancelDrawing:function(t){27===t.keyCode&&this.disable()}}),L.Draw.Polyline=L.Draw.Feature.extend({statics:{TYPE:"polyline"},Poly:L.Polyline,options:{allowIntersection:!0,repeatMode:!1,drawError:{color:"#b00b00",timeout:2500},icon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon"}),guidelineDistance:20,shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!1,clickable:!0},metric:!0,showLength:!0,zIndexOffset:2e3},initialize:function(t,e){this.options.drawError.message=L.drawLocal.draw.handlers.polyline.error,e&&e.drawError&&(e.drawError=L.Util.extend({},this.options.drawError,e.drawError)),this.type=L.Draw.Polyline.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._markers=[],this._markerGroup=new L.LayerGroup,this._map.addLayer(this._markerGroup),this._poly=new L.Polyline([],this.options.shapeOptions),this._tooltip.updateContent(this._getTooltipText()),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("click",this._onClick,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this).on("zoomend",this._onZoomEnd,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._clearHideErrorTimeout(),this._cleanUpShape(),this._map.removeLayer(this._markerGroup),delete this._markerGroup,delete this._markers,this._map.removeLayer(this._poly),delete this._poly,this._mouseMarker.off("click",this._onClick,this),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._clearGuides(),this._map.off("mousemove",this._onMouseMove,this).off("zoomend",this._onZoomEnd,this)},_finishShape:function(){var t=this._poly.newLatLngIntersects(this._poly.getLatLngs()[0],!0);return!this.options.allowIntersection&&t||!this._shapeIsValid()?(this._showErrorTooltip(),undefined):(this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable(),undefined)},_shapeIsValid:function(){return!0},_onZoomEnd:function(){this._updateGuide()},_onMouseMove:function(t){var e=t.layerPoint,i=t.latlng;this._currentLatLng=i,this._updateTooltip(i),this._updateGuide(e),this._mouseMarker.setLatLng(i),L.DomEvent.preventDefault(t.originalEvent)},_onClick:function(t){var e=t.target.getLatLng(),i=this._markers.length;return i>0&&!this.options.allowIntersection&&this._poly.newLatLngIntersects(e)?(this._showErrorTooltip(),undefined):(this._errorShown&&this._hideErrorTooltip(),this._markers.push(this._createMarker(e)),this._poly.addLatLng(e),2===this._poly.getLatLngs().length&&this._map.addLayer(this._poly),this._updateFinishHandler(),this._vertexAdded(e),this._clearGuides(),this._updateTooltip(),undefined)},_updateFinishHandler:function(){var t=this._markers.length;t>1&&this._markers[t-1].on("click",this._finishShape,this),t>2&&this._markers[t-2].off("click",this._finishShape,this)},_createMarker:function(t){var e=new L.Marker(t,{icon:this.options.icon,zIndexOffset:2*this.options.zIndexOffset});return this._markerGroup.addLayer(e),e},_updateGuide:function(t){var e=this._markers.length;e>0&&(t=t||this._map.latLngToLayerPoint(this._currentLatLng),this._clearGuides(),this._drawGuide(this._map.latLngToLayerPoint(this._markers[e-1].getLatLng()),t))},_updateTooltip:function(t){var e=this._getTooltipText();t&&this._tooltip.updatePosition(t),this._errorShown||this._tooltip.updateContent(e)},_drawGuide:function(t,e){var i,o,a,s,r=Math.floor(Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2)));for(this._guidesContainer||(this._guidesContainer=L.DomUtil.create("div","leaflet-draw-guides",this._overlayPane)),i=this.options.guidelineDistance;r>i;i+=this.options.guidelineDistance)o=i/r,a={x:Math.floor(t.x*(1-o)+o*e.x),y:Math.floor(t.y*(1-o)+o*e.y)},s=L.DomUtil.create("div","leaflet-draw-guide-dash",this._guidesContainer),s.style.backgroundColor=this._errorShown?this.options.drawError.color:this.options.shapeOptions.color,L.DomUtil.setPosition(s,a)},_updateGuideColor:function(t){if(this._guidesContainer)for(var e=0,i=this._guidesContainer.childNodes.length;i>e;e++)this._guidesContainer.childNodes[e].style.backgroundColor=t},_clearGuides:function(){if(this._guidesContainer)for(;this._guidesContainer.firstChild;)this._guidesContainer.removeChild(this._guidesContainer.firstChild)},_getTooltipText:function(){var t,e,i=this.options.showLength;return 0===this._markers.length?t={text:L.drawLocal.draw.handlers.polyline.tooltip.start}:(e=i?this._getMeasurementString():"",t=1===this._markers.length?{text:L.drawLocal.draw.handlers.polyline.tooltip.cont,subtext:e}:{text:L.drawLocal.draw.handlers.polyline.tooltip.end,subtext:e}),t},_getMeasurementString:function(){var t,e=this._currentLatLng,i=this._markers[this._markers.length-1].getLatLng();return t=this._measurementRunningTotal+e.distanceTo(i),L.GeometryUtil.readableDistance(t,this.options.metric)},_showErrorTooltip:function(){this._errorShown=!0,this._tooltip.showAsError().updateContent({text:this.options.drawError.message}),this._updateGuideColor(this.options.drawError.color),this._poly.setStyle({color:this.options.drawError.color}),this._clearHideErrorTimeout(),this._hideErrorTimeout=setTimeout(L.Util.bind(this._hideErrorTooltip,this),this.options.drawError.timeout)},_hideErrorTooltip:function(){this._errorShown=!1,this._clearHideErrorTimeout(),this._tooltip.removeError().updateContent(this._getTooltipText()),this._updateGuideColor(this.options.shapeOptions.color),this._poly.setStyle({color:this.options.shapeOptions.color})},_clearHideErrorTimeout:function(){this._hideErrorTimeout&&(clearTimeout(this._hideErrorTimeout),this._hideErrorTimeout=null)},_vertexAdded:function(t){1===this._markers.length?this._measurementRunningTotal=0:this._measurementRunningTotal+=t.distanceTo(this._markers[this._markers.length-2].getLatLng())},_cleanUpShape:function(){this._markers.length>1&&this._markers[this._markers.length-1].off("click",this._finishShape,this)},_fireCreatedEvent:function(){var t=new this.Poly(this._poly.getLatLngs(),this.options.shapeOptions);L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Draw.Polygon=L.Draw.Polyline.extend({statics:{TYPE:"polygon"},Poly:L.Polygon,options:{showArea:!1,shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0}},initialize:function(t,e){L.Draw.Polyline.prototype.initialize.call(this,t,e),this.type=L.Draw.Polygon.TYPE},_updateFinishHandler:function(){var t=this._markers.length;1===t&&this._markers[0].on("click",this._finishShape,this),t>2&&(this._markers[t-1].on("dblclick",this._finishShape,this),t>3&&this._markers[t-2].off("dblclick",this._finishShape,this))},_getTooltipText:function(){var t,e;return 0===this._markers.length?t=L.drawLocal.draw.handlers.polygon.tooltip.start:3>this._markers.length?t=L.drawLocal.draw.handlers.polygon.tooltip.cont:(t=L.drawLocal.draw.handlers.polygon.tooltip.end,e=this._getMeasurementString()),{text:t,subtext:e}},_getMeasurementString:function(){var t=this._area;return t?L.GeometryUtil.readableArea(t,this.options.metric):null},_shapeIsValid:function(){return this._markers.length>=3},_vertexAdded:function(){if(!this.options.allowIntersection&&this.options.showArea){var t=this._poly.getLatLngs();this._area=L.GeometryUtil.geodesicArea(t)}},_cleanUpShape:function(){var t=this._markers.length;t>0&&(this._markers[0].off("click",this._finishShape,this),t>2&&this._markers[t-1].off("dblclick",this._finishShape,this))}}),L.SimpleShape={},L.Draw.SimpleShape=L.Draw.Feature.extend({options:{repeatMode:!1},initialize:function(t,e){this._endLabelText=L.drawLocal.draw.handlers.simpleshape.tooltip.end,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._map.dragging.disable(),this._container.style.cursor="crosshair",this._tooltip.updateContent({text:this._initialLabelText}),this._map.on("mousedown",this._onMouseDown,this).on("mousemove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._map.dragging.enable(),this._container.style.cursor="",this._map.off("mousedown",this._onMouseDown,this).off("mousemove",this._onMouseMove,this),L.DomEvent.off(e,"mouseup",this._onMouseUp),this._shape&&(this._map.removeLayer(this._shape),delete this._shape)),this._isDrawing=!1},_onMouseDown:function(t){this._isDrawing=!0,this._startLatLng=t.latlng,L.DomEvent.on(e,"mouseup",this._onMouseUp,this).preventDefault(t.originalEvent)},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._isDrawing&&(this._tooltip.updateContent({text:this._endLabelText}),this._drawShape(e))},_onMouseUp:function(){this._shape&&this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable()}}),L.Draw.Rectangle=L.Draw.SimpleShape.extend({statics:{TYPE:"rectangle"},options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0}},initialize:function(t,e){this.type=L.Draw.Rectangle.TYPE,this._initialLabelText=L.drawLocal.draw.handlers.rectangle.tooltip.start,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_drawShape:function(t){this._shape?this._shape.setBounds(new L.LatLngBounds(this._startLatLng,t)):(this._shape=new L.Rectangle(new L.LatLngBounds(this._startLatLng,t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Rectangle(this._shape.getBounds(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)}}),L.Draw.Circle=L.Draw.SimpleShape.extend({statics:{TYPE:"circle"},options:{shapeOptions:{stroke:!0,color:"#f06eaa",weight:4,opacity:.5,fill:!0,fillColor:null,fillOpacity:.2,clickable:!0},showRadius:!0,metric:!0},initialize:function(t,e){this.type=L.Draw.Circle.TYPE,this._initialLabelText=L.drawLocal.draw.handlers.circle.tooltip.start,L.Draw.SimpleShape.prototype.initialize.call(this,t,e)},_drawShape:function(t){this._shape?this._shape.setRadius(this._startLatLng.distanceTo(t)):(this._shape=new L.Circle(this._startLatLng,this._startLatLng.distanceTo(t),this.options.shapeOptions),this._map.addLayer(this._shape))},_fireCreatedEvent:function(){var t=new L.Circle(this._startLatLng,this._shape.getRadius(),this.options.shapeOptions);L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this,t)},_onMouseMove:function(t){var e,i=t.latlng,o=(this.options.metric,this.options.showRadius),a=this.options.metric;this._tooltip.updatePosition(i),this._isDrawing&&(this._drawShape(i),e=this._shape.getRadius().toFixed(1),this._tooltip.updateContent({text:this._endLabelText,subtext:o?"Radius: "+L.GeometryUtil.readableDistance(e,a):""}))}}),L.Draw.Marker=L.Draw.Feature.extend({statics:{TYPE:"marker"},options:{icon:new L.Icon.Default,repeatMode:!1,zIndexOffset:2e3},initialize:function(t,e){this.type=L.Draw.Marker.TYPE,L.Draw.Feature.prototype.initialize.call(this,t,e)},addHooks:function(){L.Draw.Feature.prototype.addHooks.call(this),this._map&&(this._tooltip.updateContent({text:L.drawLocal.draw.handlers.marker.tooltip.start}),this._mouseMarker||(this._mouseMarker=L.marker(this._map.getCenter(),{icon:L.divIcon({className:"leaflet-mouse-marker",iconAnchor:[20,20],iconSize:[40,40]}),opacity:0,zIndexOffset:this.options.zIndexOffset})),this._mouseMarker.on("click",this._onClick,this).addTo(this._map),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){L.Draw.Feature.prototype.removeHooks.call(this),this._map&&(this._marker&&(this._marker.off("click",this._onClick,this),this._map.off("click",this._onClick,this).removeLayer(this._marker),delete this._marker),this._mouseMarker.off("click",this._onClick,this),this._map.removeLayer(this._mouseMarker),delete this._mouseMarker,this._map.off("mousemove",this._onMouseMove,this))},_onMouseMove:function(t){var e=t.latlng;this._tooltip.updatePosition(e),this._mouseMarker.setLatLng(e),this._marker?this._marker.setLatLng(e):(this._marker=new L.Marker(e,{icon:this.options.icon,zIndexOffset:this.options.zIndexOffset}),this._marker.on("click",this._onClick,this),this._map.on("click",this._onClick,this).addLayer(this._marker))},_onClick:function(){this._fireCreatedEvent(),this.disable(),this.options.repeatMode&&this.enable()},_fireCreatedEvent:function(){var t=new L.Marker(this._marker.getLatLng(),{icon:this.options.icon});L.Draw.Feature.prototype._fireCreatedEvent.call(this,t)}}),L.Edit=L.Edit||{},L.Edit.Poly=L.Handler.extend({options:{icon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon"})},initialize:function(t,e){this._poly=t,L.setOptions(this,e)},addHooks:function(){this._poly._map&&(this._markerGroup||this._initMarkers(),this._poly._map.addLayer(this._markerGroup))},removeHooks:function(){this._poly._map&&(this._poly._map.removeLayer(this._markerGroup),delete this._markerGroup,delete this._markers)},updateMarkers:function(){this._markerGroup.clearLayers(),this._initMarkers()},_initMarkers:function(){this._markerGroup||(this._markerGroup=new L.LayerGroup),this._markers=[];var t,e,i,o,a=this._poly._latlngs;for(t=0,i=a.length;i>t;t++)o=this._createMarker(a[t],t),o.on("click",this._onMarkerClick,this),this._markers.push(o);var s,r;for(t=0,e=i-1;i>t;e=t++)(0!==t||L.Polygon&&this._poly instanceof L.Polygon)&&(s=this._markers[e],r=this._markers[t],this._createMiddleMarker(s,r),this._updatePrevNext(s,r))},_createMarker:function(t,e){var i=new L.Marker(t,{draggable:!0,icon:this.options.icon});return i._origLatLng=t,i._index=e,i.on("drag",this._onMarkerDrag,this),i.on("dragend",this._fireEdit,this),this._markerGroup.addLayer(i),i},_removeMarker:function(t){var e=t._index;this._markerGroup.removeLayer(t),this._markers.splice(e,1),this._poly.spliceLatLngs(e,1),this._updateIndexes(e,-1),t.off("drag",this._onMarkerDrag,this).off("dragend",this._fireEdit,this).off("click",this._onMarkerClick,this)},_fireEdit:function(){this._poly.edited=!0,this._poly.fire("edit")},_onMarkerDrag:function(t){var e=t.target;L.extend(e._origLatLng,e._latlng),e._middleLeft&&e._middleLeft.setLatLng(this._getMiddleLatLng(e._prev,e)),e._middleRight&&e._middleRight.setLatLng(this._getMiddleLatLng(e,e._next)),this._poly.redraw()},_onMarkerClick:function(t){if(!(3>this._poly._latlngs.length)){var e=t.target;this._removeMarker(e),this._updatePrevNext(e._prev,e._next),e._middleLeft&&this._markerGroup.removeLayer(e._middleLeft),e._middleRight&&this._markerGroup.removeLayer(e._middleRight),e._prev&&e._next?this._createMiddleMarker(e._prev,e._next):e._prev?e._next||(e._prev._middleRight=null):e._next._middleLeft=null,this._fireEdit()}},_updateIndexes:function(t,e){this._markerGroup.eachLayer(function(i){i._index>t&&(i._index+=e)})},_createMiddleMarker:function(t,e){var i,o,a,s=this._getMiddleLatLng(t,e),r=this._createMarker(s);r.setOpacity(.6),t._middleRight=e._middleLeft=r,o=function(){var o=e._index;r._index=o,r.off("click",i,this).on("click",this._onMarkerClick,this),s.lat=r.getLatLng().lat,s.lng=r.getLatLng().lng,this._poly.spliceLatLngs(o,0,s),this._markers.splice(o,0,r),r.setOpacity(1),this._updateIndexes(o,1),e._index++,this._updatePrevNext(t,r),this._updatePrevNext(r,e)},a=function(){r.off("dragstart",o,this),r.off("dragend",a,this),this._createMiddleMarker(t,r),this._createMiddleMarker(r,e)},i=function(){o.call(this),a.call(this),this._fireEdit()},r.on("click",i,this).on("dragstart",o,this).on("dragend",a,this),this._markerGroup.addLayer(r)},_updatePrevNext:function(t,e){t&&(t._next=e),e&&(e._prev=t)},_getMiddleLatLng:function(t,e){var i=this._poly._map,o=i.latLngToLayerPoint(t.getLatLng()),a=i.latLngToLayerPoint(e.getLatLng());return i.layerPointToLatLng(o._add(a)._divideBy(2))}}),L.Polyline.addInitHook(function(){this.editing||(L.Edit.Poly&&(this.editing=new L.Edit.Poly(this),this.options.editable&&this.editing.enable()),this.on("add",function(){this.editing&&this.editing.enabled()&&this.editing.addHooks()}),this.on("remove",function(){this.editing&&this.editing.enabled()&&this.editing.removeHooks()}))}),L.Edit=L.Edit||{},L.Edit.SimpleShape=L.Handler.extend({options:{moveIcon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon leaflet-edit-move"}),resizeIcon:new L.DivIcon({iconSize:new L.Point(8,8),className:"leaflet-div-icon leaflet-editing-icon leaflet-edit-resize"})},initialize:function(t,e){this._shape=t,L.Util.setOptions(this,e)},addHooks:function(){this._shape._map&&(this._map=this._shape._map,this._markerGroup||this._initMarkers(),this._map.addLayer(this._markerGroup))},removeHooks:function(){if(this._shape._map){this._unbindMarker(this._moveMarker);for(var t=0,e=this._resizeMarkers.length;e>t;t++)this._unbindMarker(this._resizeMarkers[t]);this._resizeMarkers=null,this._map.removeLayer(this._markerGroup),delete this._markerGroup}this._map=null},updateMarkers:function(){this._markerGroup.clearLayers(),this._initMarkers()},_initMarkers:function(){this._markerGroup||(this._markerGroup=new L.LayerGroup),this._createMoveMarker(),this._createResizeMarker()},_createMoveMarker:function(){},_createResizeMarker:function(){},_createMarker:function(t,e){var i=new L.Marker(t,{draggable:!0,icon:e,zIndexOffset:10});return this._bindMarker(i),this._markerGroup.addLayer(i),i},_bindMarker:function(t){t.on("dragstart",this._onMarkerDragStart,this).on("drag",this._onMarkerDrag,this).on("dragend",this._onMarkerDragEnd,this)},_unbindMarker:function(t){t.off("dragstart",this._onMarkerDragStart,this).off("drag",this._onMarkerDrag,this).off("dragend",this._onMarkerDragEnd,this)},_onMarkerDragStart:function(t){var e=t.target;e.setOpacity(0)},_fireEdit:function(){this._shape.edited=!0,this._shape.fire("edit")},_onMarkerDrag:function(t){var e=t.target,i=e.getLatLng();e===this._moveMarker?this._move(i):this._resize(i),this._shape.redraw()},_onMarkerDragEnd:function(t){var e=t.target;e.setOpacity(1),this._fireEdit()},_move:function(){},_resize:function(){}}),L.Edit=L.Edit||{},L.Edit.Rectangle=L.Edit.SimpleShape.extend({_createMoveMarker:function(){var t=this._shape.getBounds(),e=t.getCenter();this._moveMarker=this._createMarker(e,this.options.moveIcon)},_createResizeMarker:function(){var t=this._getCorners();this._resizeMarkers=[];for(var e=0,i=t.length;i>e;e++)this._resizeMarkers.push(this._createMarker(t[e],this.options.resizeIcon)),this._resizeMarkers[e]._cornerIndex=e},_onMarkerDragStart:function(t){L.Edit.SimpleShape.prototype._onMarkerDragStart.call(this,t);var e=this._getCorners(),i=t.target,o=i._cornerIndex;this._oppositeCorner=e[(o+2)%4],this._toggleCornerMarkers(0,o)},_onMarkerDragEnd:function(t){var e,i,o=t.target;o===this._moveMarker&&(e=this._shape.getBounds(),i=e.getCenter(),o.setLatLng(i)),this._toggleCornerMarkers(1),this._repositionCornerMarkers(),L.Edit.SimpleShape.prototype._onMarkerDragEnd.call(this,t)},_move:function(t){for(var e,i=this._shape.getLatLngs(),o=this._shape.getBounds(),a=o.getCenter(),s=[],r=0,n=i.length;n>r;r++)e=[i[r].lat-a.lat,i[r].lng-a.lng],s.push([t.lat+e[0],t.lng+e[1]]);this._shape.setLatLngs(s),this._repositionCornerMarkers()},_resize:function(t){var e;this._shape.setBounds(L.latLngBounds(t,this._oppositeCorner)),e=this._shape.getBounds(),this._moveMarker.setLatLng(e.getCenter())},_getCorners:function(){var t=this._shape.getBounds(),e=t.getNorthWest(),i=t.getNorthEast(),o=t.getSouthEast(),a=t.getSouthWest();return[e,i,o,a]},_toggleCornerMarkers:function(t){for(var e=0,i=this._resizeMarkers.length;i>e;e++)this._resizeMarkers[e].setOpacity(t)},_repositionCornerMarkers:function(){for(var t=this._getCorners(),e=0,i=this._resizeMarkers.length;i>e;e++)this._resizeMarkers[e].setLatLng(t[e])}}),L.Rectangle.addInitHook(function(){L.Edit.Rectangle&&(this.editing=new L.Edit.Rectangle(this),this.options.editable&&this.editing.enable())}),L.Edit=L.Edit||{},L.Edit.Circle=L.Edit.SimpleShape.extend({_createMoveMarker:function(){var t=this._shape.getLatLng();this._moveMarker=this._createMarker(t,this.options.moveIcon)},_createResizeMarker:function(){var t=this._shape.getLatLng(),e=this._getResizeMarkerPoint(t);this._resizeMarkers=[],this._resizeMarkers.push(this._createMarker(e,this.options.resizeIcon))},_getResizeMarkerPoint:function(t){var e=this._shape._radius*Math.cos(Math.PI/4),i=this._map.project(t);return this._map.unproject([i.x+e,i.y-e])},_move:function(t){var e=this._getResizeMarkerPoint(t);this._resizeMarkers[0].setLatLng(e),this._shape.setLatLng(t)},_resize:function(t){var e=this._moveMarker.getLatLng(),i=e.distanceTo(t);this._shape.setRadius(i)}}),L.Circle.addInitHook(function(){L.Edit.Circle&&(this.editing=new L.Edit.Circle(this),this.options.editable&&this.editing.enable()),this.on("add",function(){this.editing&&this.editing.enabled()&&this.editing.addHooks()}),this.on("remove",function(){this.editing&&this.editing.enabled()&&this.editing.removeHooks()})}),L.LatLngUtil={cloneLatLngs:function(t){for(var e=[],i=0,o=t.length;o>i;i++)e.push(this.cloneLatLng(t[i]));return e},cloneLatLng:function(t){return L.latLng(t.lat,t.lng)}},L.GeometryUtil={geodesicArea:function(t){var e,i,o=t.length,a=0,s=L.LatLng.DEG_TO_RAD;if(o>2){for(var r=0;o>r;r++)e=t[r],i=t[(r+1)%o],a+=(i.lng-e.lng)*s*(2+Math.sin(e.lat*s)+Math.sin(i.lat*s));a=6378137*6378137*a/2}return Math.abs(a)},readableArea:function(t,e){var i;return e?i=t>=1e4?(1e-4*t).toFixed(2)+" ha":t.toFixed(2)+" m²":(t*=.836127,i=t>=3097600?(t/3097600).toFixed(2)+" mi²":t>=4840?(t/4840).toFixed(2)+" acres":Math.ceil(t)+" yd²"),i},readableDistance:function(t,e){var i;return e?i=t>1e3?(t/1e3).toFixed(2)+" km":Math.ceil(t)+" m":(t*=1.09361,i=t>1760?(t/1760).toFixed(2)+" miles":Math.ceil(t)+" yd"),i}},L.Util.extend(L.LineUtil,{segmentsIntersect:function(t,e,i,o){return this._checkCounterclockwise(t,i,o)!==this._checkCounterclockwise(e,i,o)&&this._checkCounterclockwise(t,e,i)!==this._checkCounterclockwise(t,e,o)},_checkCounterclockwise:function(t,e,i){return(i.y-t.y)*(e.x-t.x)>(e.y-t.y)*(i.x-t.x)}}),L.Polyline.include({intersects:function(){var t,e,i,o=this._originalPoints,a=o?o.length:0;if(this._tooFewPointsForIntersection())return!1;for(t=a-1;t>=3;t--)if(e=o[t-1],i=o[t],this._lineSegmentsIntersectsRange(e,i,t-2))return!0;return!1},newLatLngIntersects:function(t,e){return this._map?this.newPointIntersects(this._map.latLngToLayerPoint(t),e):!1},newPointIntersects:function(t,e){var i=this._originalPoints,o=i?i.length:0,a=i?i[o-1]:null,s=o-2;return this._tooFewPointsForIntersection(1)?!1:this._lineSegmentsIntersectsRange(a,t,s,e?1:0)},_tooFewPointsForIntersection:function(t){var e=this._originalPoints,i=e?e.length:0;return i+=t||0,!this._originalPoints||3>=i},_lineSegmentsIntersectsRange:function(t,e,i,o){var a,s,r=this._originalPoints;o=o||0;for(var n=i;n>o;n--)if(a=r[n-1],s=r[n],L.LineUtil.segmentsIntersect(t,e,a,s))return!0;return!1}}),L.Polygon.include({intersects:function(){var t,e,i,o,a,s=this._originalPoints;return this._tooFewPointsForIntersection()?!1:(t=L.Polyline.prototype.intersects.call(this))?!0:(e=s.length,i=s[0],o=s[e-1],a=e-2,this._lineSegmentsIntersectsRange(o,i,a,1))}}),L.Control.Draw=L.Control.extend({options:{position:"topleft",draw:{},edit:!1},initialize:function(t){if("0.5.1">=L.version)throw Error("Leaflet.draw 0.2.0+ requires Leaflet 0.6.0+. Download latest from https://github.com/Leaflet/Leaflet/");L.Control.prototype.initialize.call(this,t);var e,i;this._toolbars={},L.DrawToolbar&&this.options.draw&&(i=new L.DrawToolbar(this.options.draw),e=L.stamp(i),this._toolbars[e]=i,this._toolbars[e].on("enable",this._toolbarEnabled,this)),L.EditToolbar&&this.options.edit&&(i=new L.EditToolbar(this.options.edit),e=L.stamp(i),this._toolbars[e]=i,this._toolbars[e].on("enable",this._toolbarEnabled,this))},onAdd:function(t){var e,i=L.DomUtil.create("div","leaflet-draw"),o=!1,a="leaflet-draw-toolbar-top";for(var s in this._toolbars)this._toolbars.hasOwnProperty(s)&&(e=this._toolbars[s].addToolbar(t),o||(L.DomUtil.hasClass(e,a)||L.DomUtil.addClass(e.childNodes[0],a),o=!0),i.appendChild(e));return i},onRemove:function(){for(var t in this._toolbars)this._toolbars.hasOwnProperty(t)&&this._toolbars[t].removeToolbar()},setDrawingOptions:function(t){for(var e in this._toolbars)this._toolbars[e]instanceof L.DrawToolbar&&this._toolbars[e].setOptions(t)},_toolbarEnabled:function(t){var e=""+L.stamp(t.target);for(var i in this._toolbars)this._toolbars.hasOwnProperty(i)&&i!==e&&this._toolbars[i].disable()}}),L.Map.mergeOptions({drawControlTooltips:!0,drawControl:!1}),L.Map.addInitHook(function(){this.options.drawControl&&(this.drawControl=new L.Control.Draw,this.addControl(this.drawControl))}),L.Toolbar=L.Class.extend({includes:[L.Mixin.Events],initialize:function(t){L.setOptions(this,t),this._modes={},this._actionButtons=[],this._activeMode=null},enabled:function(){return null!==this._activeMode},disable:function(){this.enabled()&&this._activeMode.handler.disable()},removeToolbar:function(){for(var t in this._modes)this._modes.hasOwnProperty(t)&&(this._disposeButton(this._modes[t].button,this._modes[t].handler.enable),this._modes[t].handler.disable(),this._modes[t].handler.off("enabled",this._handlerActivated,this).off("disabled",this._handlerDeactivated,this));this._modes={};for(var e=0,i=this._actionButtons.length;i>e;e++)this._disposeButton(this._actionButtons[e].button,this._actionButtons[e].callback);this._actionButtons=[],this._actionsContainer=null},_initModeHandler:function(t,e,i,o,a){var s=t.type;this._modes[s]={},this._modes[s].handler=t,this._modes[s].button=this._createButton({title:a,className:o+"-"+s,container:e,callback:this._modes[s].handler.enable,context:this._modes[s].handler}),this._modes[s].buttonIndex=i,this._modes[s].handler.on("enabled",this._handlerActivated,this).on("disabled",this._handlerDeactivated,this)},_createButton:function(t){var e=L.DomUtil.create("a",t.className||"",t.container);return e.href="#",t.text&&(e.innerHTML=t.text),t.title&&(e.title=t.title),L.DomEvent.on(e,"click",L.DomEvent.stopPropagation).on(e,"mousedown",L.DomEvent.stopPropagation).on(e,"dblclick",L.DomEvent.stopPropagation).on(e,"click",L.DomEvent.preventDefault).on(e,"click",t.callback,t.context),e},_disposeButton:function(t,e){L.DomEvent.off(t,"click",L.DomEvent.stopPropagation).off(t,"mousedown",L.DomEvent.stopPropagation).off(t,"dblclick",L.DomEvent.stopPropagation).off(t,"click",L.DomEvent.preventDefault).off(t,"click",e)},_handlerActivated:function(t){this._activeMode&&this._activeMode.handler.enabled()&&this._activeMode.handler.disable(),this._activeMode=this._modes[t.handler],L.DomUtil.addClass(this._activeMode.button,"leaflet-draw-toolbar-button-enabled"),this._showActionsToolbar(),this.fire("enable")},_handlerDeactivated:function(){this._hideActionsToolbar(),L.DomUtil.removeClass(this._activeMode.button,"leaflet-draw-toolbar-button-enabled"),this._activeMode=null,this.fire("disable")},_createActions:function(t){for(var e,i,o=L.DomUtil.create("ul","leaflet-draw-actions"),a=t.length,s=0;a>s;s++)e=L.DomUtil.create("li","",o),i=this._createButton({title:t[s].title,text:t[s].text,container:e,callback:t[s].callback,context:t[s].context}),this._actionButtons.push({button:i,callback:t[s].callback});return o},_showActionsToolbar:function(){var t=this._activeMode.buttonIndex,e=this._lastButtonIndex,i=26,o=1,a=t*i+t*o-1;this._actionsContainer.style.top=a+"px",0===t&&(L.DomUtil.addClass(this._toolbarContainer,"leaflet-draw-toolbar-notop"),L.DomUtil.addClass(this._actionsContainer,"leaflet-draw-actions-top")),t===e&&(L.DomUtil.addClass(this._toolbarContainer,"leaflet-draw-toolbar-nobottom"),L.DomUtil.addClass(this._actionsContainer,"leaflet-draw-actions-bottom")),this._actionsContainer.style.display="block"},_hideActionsToolbar:function(){this._actionsContainer.style.display="none",L.DomUtil.removeClass(this._toolbarContainer,"leaflet-draw-toolbar-notop"),L.DomUtil.removeClass(this._toolbarContainer,"leaflet-draw-toolbar-nobottom"),L.DomUtil.removeClass(this._actionsContainer,"leaflet-draw-actions-top"),L.DomUtil.removeClass(this._actionsContainer,"leaflet-draw-actions-bottom")}}),L.Tooltip=L.Class.extend({initialize:function(t){this._map=t,this._popupPane=t._panes.popupPane,this._container=t.options.drawControlTooltips?L.DomUtil.create("div","leaflet-draw-tooltip",this._popupPane):null,this._singleLineLabel=!1},dispose:function(){this._container&&(this._popupPane.removeChild(this._container),this._container=null)},updateContent:function(t){return this._container?(t.subtext=t.subtext||"",0!==t.subtext.length||this._singleLineLabel?t.subtext.length>0&&this._singleLineLabel&&(L.DomUtil.removeClass(this._container,"leaflet-draw-tooltip-single"),this._singleLineLabel=!1):(L.DomUtil.addClass(this._container,"leaflet-draw-tooltip-single"),this._singleLineLabel=!0),this._container.innerHTML=(t.subtext.length>0?'<span class="leaflet-draw-tooltip-subtext">'+t.subtext+"</span>"+"<br />":"")+"<span>"+t.text+"</span>",this):this},updatePosition:function(t){var e=this._map.latLngToLayerPoint(t);return this._container&&L.DomUtil.setPosition(this._container,e),this},showAsError:function(){return this._container&&L.DomUtil.addClass(this._container,"leaflet-error-draw-tooltip"),this},removeError:function(){return this._container&&L.DomUtil.removeClass(this._container,"leaflet-error-draw-tooltip"),this}}),L.DrawToolbar=L.Toolbar.extend({options:{polyline:{},polygon:{},rectangle:{},circle:{},marker:{}},initialize:function(t){for(var e in this.options)this.options.hasOwnProperty(e)&&t[e]&&(t[e]=L.extend({},this.options[e],t[e])); | ||
| L.Toolbar.prototype.initialize.call(this,t)},addToolbar:function(t){var e=L.DomUtil.create("div","leaflet-draw-section"),i=0,o="leaflet-draw-draw";return this._toolbarContainer=L.DomUtil.create("div","leaflet-draw-toolbar leaflet-bar"),this.options.polyline&&this._initModeHandler(new L.Draw.Polyline(t,this.options.polyline),this._toolbarContainer,i++,o,L.drawLocal.draw.toolbar.buttons.polyline),this.options.polygon&&this._initModeHandler(new L.Draw.Polygon(t,this.options.polygon),this._toolbarContainer,i++,o,L.drawLocal.draw.toolbar.buttons.polygon),this.options.rectangle&&this._initModeHandler(new L.Draw.Rectangle(t,this.options.rectangle),this._toolbarContainer,i++,o,L.drawLocal.draw.toolbar.buttons.rectangle),this.options.circle&&this._initModeHandler(new L.Draw.Circle(t,this.options.circle),this._toolbarContainer,i++,o,L.drawLocal.draw.toolbar.buttons.circle),this.options.marker&&this._initModeHandler(new L.Draw.Marker(t,this.options.marker),this._toolbarContainer,i++,o,L.drawLocal.draw.toolbar.buttons.marker),this._lastButtonIndex=--i,this._actionsContainer=this._createActions([{title:L.drawLocal.draw.toolbar.actions.title,text:L.drawLocal.draw.toolbar.actions.text,callback:this.disable,context:this}]),e.appendChild(this._toolbarContainer),e.appendChild(this._actionsContainer),e},setOptions:function(t){L.setOptions(this,t);for(var e in this._modes)this._modes.hasOwnProperty(e)&&t.hasOwnProperty(e)&&this._modes[e].handler.setOptions(t[e])}}),L.EditToolbar=L.Toolbar.extend({options:{edit:{selectedPathOptions:{color:"#fe57a1",opacity:.6,dashArray:"10, 10",fill:!0,fillColor:"#fe57a1",fillOpacity:.1}},remove:{},featureGroup:null},initialize:function(t){t.edit&&(t.edit.selectedPathOptions===undefined&&(t.edit.selectedPathOptions=this.options.edit.selectedPathOptions),t.edit=L.extend({},this.options.edit,t.edit)),t.remove&&(t.remove=L.extend({},this.options.remove,t.remove)),L.Toolbar.prototype.initialize.call(this,t),this._selectedFeatureCount=0},addToolbar:function(t){var e=L.DomUtil.create("div","leaflet-draw-section"),i=0,o="leaflet-draw-edit",a=this.options.featureGroup;return this._toolbarContainer=L.DomUtil.create("div","leaflet-draw-toolbar leaflet-bar"),this._map=t,this.options.edit&&this._initModeHandler(new L.EditToolbar.Edit(t,{featureGroup:a,selectedPathOptions:this.options.edit.selectedPathOptions}),this._toolbarContainer,i++,o,L.drawLocal.edit.toolbar.buttons.edit),this.options.remove&&this._initModeHandler(new L.EditToolbar.Delete(t,{featureGroup:a}),this._toolbarContainer,i++,o,L.drawLocal.edit.toolbar.buttons.remove),this._lastButtonIndex=--i,this._actionsContainer=this._createActions([{title:L.drawLocal.edit.toolbar.actions.save.title,text:L.drawLocal.edit.toolbar.actions.save.text,callback:this._save,context:this},{title:L.drawLocal.edit.toolbar.actions.cancel.title,text:L.drawLocal.edit.toolbar.actions.cancel.text,callback:this.disable,context:this}]),e.appendChild(this._toolbarContainer),e.appendChild(this._actionsContainer),this._checkDisabled(),a.on("layeradd layerremove",this._checkDisabled,this),e},removeToolbar:function(){L.Toolbar.prototype.removeToolbar.call(this),this.options.featureGroup.off("layeradd layerremove",this._checkDisabled,this)},disable:function(){this.enabled()&&(this._activeMode.handler.revertLayers(),L.Toolbar.prototype.disable.call(this))},_save:function(){this._activeMode.handler.save(),this._activeMode.handler.disable()},_checkDisabled:function(){var t,e=this.options.featureGroup,i=0===e.getLayers().length;this.options.edit&&(t=this._modes[L.EditToolbar.Edit.TYPE].button,L.DomUtil.toggleClass(t,"leaflet-disabled"),t.setAttribute("title",i?L.drawLocal.edit.toolbar.buttons.edit:L.drawLocal.edit.toolbar.buttons.editDisabled)),this.options.remove&&(t=this._modes[L.EditToolbar.Delete.TYPE].button,L.DomUtil.toggleClass(t,"leaflet-disabled"),t.setAttribute("title",i?L.drawLocal.edit.toolbar.buttons.remove:L.drawLocal.edit.toolbar.buttons.removeDisabled))}}),L.DomUtil.toggleClass||L.Util.extend(L.DomUtil,{toggleClass:function(t,e){this.hasClass(t,e)?this.removeClass(t,e):this.addClass(t,e)}}),L.EditToolbar.Edit=L.Handler.extend({statics:{TYPE:"edit"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),this._selectedPathOptions=e.selectedPathOptions,this._featureGroup=e.featureGroup,!(this._featureGroup instanceof L.FeatureGroup))throw Error("options.featureGroup must be a L.FeatureGroup");this._uneditedLayerProps={},this.type=L.EditToolbar.Edit.TYPE},enable:function(){!this._enabled&&this._hasAvailableLayers()&&(L.Handler.prototype.enable.call(this),this._featureGroup.on("layeradd",this._enableLayerEdit,this).on("layerremove",this._disableLayerEdit,this),this.fire("enabled",{handler:this.type}),this._map.fire("draw:editstart",{handler:this.type}))},disable:function(){this._enabled&&(this.fire("disabled",{handler:this.type}),this._map.fire("draw:editstop",{handler:this.type}),this._featureGroup.off("layeradd",this._enableLayerEdit,this).off("layerremove",this._disableLayerEdit,this),L.Handler.prototype.disable.call(this))},addHooks:function(){this._map&&(this._featureGroup.eachLayer(this._enableLayerEdit,this),this._tooltip=new L.Tooltip(this._map),this._tooltip.updateContent({text:L.drawLocal.edit.handlers.edit.tooltip.text,subtext:L.drawLocal.edit.handlers.edit.tooltip.subtext}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._featureGroup.eachLayer(this._disableLayerEdit,this),this._uneditedLayerProps={},this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove,this))},revertLayers:function(){this._featureGroup.eachLayer(function(t){this._revertLayer(t)},this)},save:function(){var t=new L.LayerGroup;this._featureGroup.eachLayer(function(e){e.edited&&(t.addLayer(e),e.edited=!1)}),this._map.fire("draw:edited",{layers:t})},_backupLayer:function(t){var e=L.Util.stamp(t);this._uneditedLayerProps[e]||(this._uneditedLayerProps[e]=t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?{latlngs:L.LatLngUtil.cloneLatLngs(t.getLatLngs())}:t instanceof L.Circle?{latlng:L.LatLngUtil.cloneLatLng(t.getLatLng()),radius:t.getRadius()}:{latlng:L.LatLngUtil.cloneLatLng(t.getLatLng())})},_revertLayer:function(t){var e=L.Util.stamp(t);t.edited=!1,this._uneditedLayerProps.hasOwnProperty(e)&&(t instanceof L.Polyline||t instanceof L.Polygon||t instanceof L.Rectangle?t.setLatLngs(this._uneditedLayerProps[e].latlngs):t instanceof L.Circle?(t.setLatLng(this._uneditedLayerProps[e].latlng),t.setRadius(this._uneditedLayerProps[e].radius)):t.setLatLng(this._uneditedLayerProps[e].latlng))},_toggleMarkerHighlight:function(t){if(t._icon){var e=t._icon;e.style.display="none",L.DomUtil.hasClass(e,"leaflet-edit-marker-selected")?(L.DomUtil.removeClass(e,"leaflet-edit-marker-selected"),this._offsetMarker(e,-4)):(L.DomUtil.addClass(e,"leaflet-edit-marker-selected"),this._offsetMarker(e,4)),e.style.display=""}},_offsetMarker:function(t,e){var i=parseInt(t.style.marginTop,10)-e,o=parseInt(t.style.marginLeft,10)-e;t.style.marginTop=i+"px",t.style.marginLeft=o+"px"},_enableLayerEdit:function(t){var e,i=t.layer||t.target||t,o=i instanceof L.Marker;(!o||i._icon)&&(this._backupLayer(i),this._selectedPathOptions&&(e=L.Util.extend({},this._selectedPathOptions),o?this._toggleMarkerHighlight(i):(i.options.previousOptions=i.options,i instanceof L.Circle||i instanceof L.Polygon||i instanceof L.Rectangle||(e.fill=!1),i.setStyle(e))),o?(i.dragging.enable(),i.on("dragend",this._onMarkerDragEnd)):i.editing.enable())},_disableLayerEdit:function(t){var e=t.layer||t.target||t;e.edited=!1,this._selectedPathOptions&&(e instanceof L.Marker?this._toggleMarkerHighlight(e):(e.setStyle(e.options.previousOptions),delete e.options.previousOptions)),e instanceof L.Marker?(e.dragging.disable(),e.off("dragend",this._onMarkerDragEnd,this)):e.editing.disable()},_onMarkerDragEnd:function(t){var e=t.target;e.edited=!0},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)},_hasAvailableLayers:function(){return 0!==this._featureGroup.getLayers().length}}),L.EditToolbar.Delete=L.Handler.extend({statics:{TYPE:"remove"},includes:L.Mixin.Events,initialize:function(t,e){if(L.Handler.prototype.initialize.call(this,t),L.Util.setOptions(this,e),this._deletableLayers=this.options.featureGroup,!(this._deletableLayers instanceof L.FeatureGroup))throw Error("options.featureGroup must be a L.FeatureGroup");this.type=L.EditToolbar.Delete.TYPE},enable:function(){!this._enabled&&this._hasAvailableLayers()&&(L.Handler.prototype.enable.call(this),this._deletableLayers.on("layeradd",this._enableLayerDelete,this).on("layerremove",this._disableLayerDelete,this),this.fire("enabled",{handler:this.type}),this._map.fire("draw:editstart",{handler:this.type}))},disable:function(){this._enabled&&(L.Handler.prototype.disable.call(this),this._deletableLayers.off("layeradd",this._enableLayerDelete,this).off("layerremove",this._disableLayerDelete,this),this.fire("disabled",{handler:this.type}),this._map.fire("draw:editstop",{handler:this.type}))},addHooks:function(){this._map&&(this._deletableLayers.eachLayer(this._enableLayerDelete,this),this._deletedLayers=new L.layerGroup,this._tooltip=new L.Tooltip(this._map),this._tooltip.updateContent({text:L.drawLocal.edit.handlers.remove.tooltip.text}),this._map.on("mousemove",this._onMouseMove,this))},removeHooks:function(){this._map&&(this._deletableLayers.eachLayer(this._disableLayerDelete,this),this._deletedLayers=null,this._tooltip.dispose(),this._tooltip=null,this._map.off("mousemove",this._onMouseMove,this))},revertLayers:function(){this._deletedLayers.eachLayer(function(t){this._deletableLayers.addLayer(t)},this)},save:function(){this._map.fire("draw:deleted",{layers:this._deletedLayers})},_enableLayerDelete:function(t){var e=t.layer||t.target||t;e.on("click",this._removeLayer,this)},_disableLayerDelete:function(t){var e=t.layer||t.target||t;e.off("click",this._removeLayer,this),this._deletedLayers.removeLayer(e)},_removeLayer:function(t){var e=t.layer||t.target||t;this._deletableLayers.removeLayer(e),this._deletedLayers.addLayer(e)},_onMouseMove:function(t){this._tooltip.updatePosition(t.latlng)},_hasAvailableLayers:function(){return 0!==this._deletableLayers.getLayers().length}})})(this,document); |
@@ -17,8 +17,11 @@ /* | ||
| desc('Check Leaflet source for errors with JSHint'); | ||
| desc('Check Leaflet.Draw source for errors with JSHint'); | ||
| task('lint', build.lint); | ||
| desc('Combine and compress Leaflet source files'); | ||
| desc('Combine and compress Leaflet.Draw source files'); | ||
| task('build', ['lint'], build.build); | ||
| desc('Run PhantomJS tests'); | ||
| task('test', ['lint'], build.test); | ||
| task('default', ['build']); |
| { | ||
| "name": "leaflet-draw", | ||
| "version": "0.2.0", | ||
| "version": "0.2.2", | ||
| "description": "Vector drawing plugin for Leaflet", | ||
| "devDependencies": { | ||
| "leaflet": "git://github.com/Leaflet/Leaflet.git", | ||
| "jshint": "~1.1.0", | ||
| "uglify-js": "~2.2.5", | ||
| "jake": "~0.5.10", | ||
| "mocha": "~1.9.0", | ||
| "karma": "~0.8.0" | ||
| }, | ||
| "main": "dist/leaflet.draw.js", | ||
@@ -10,3 +18,4 @@ "directories": { | ||
| "scripts": { | ||
| "test": "echo \"Error: no test specified\" && exit 1" | ||
| "build": "jake", | ||
| "test": "jake test" | ||
| }, | ||
@@ -13,0 +22,0 @@ "repository": { |
113
README.md
@@ -1,2 +0,3 @@ | ||
| **N.B. Leaflet.draw 0.2.0 requires the latest Leaflet master. You will need to download it from the [Github repo](https://github.com/Leaflet/Leaflet).** | ||
| # Important | ||
| Leaflet.draw 0.2.0 requires [Leaflet 0.6](https://github.com/Leaflet/Leaflet/archive/v0.6.zip) or higher. | ||
@@ -11,6 +12,6 @@ #Leaflet.draw | ||
| ## Table of Contents | ||
| [Using the plugin](#using) | ||
| [Advanced Options](#options) | ||
| [Command tasks](#tasks) | ||
| [Thanks](#thanks) | ||
| [Using the plugin](#using) | ||
| [Advanced Options](#options) | ||
| [Common tasks](#commontasks) | ||
| [Thanks](#thanks) | ||
@@ -92,5 +93,16 @@ <a name="using" /> | ||
| | Property | Type | Description | ||
| | --- | --- | --- | ||
| | layers | [LayerGroup](http://leafletjs.com/reference.html#layergroup) | List of all layers just edited on the map. | ||
| Triggered when layers in the FeatureGroup, that the plugin was initialized with, have been edited and saved. | ||
| *Note: the edited layers are not passed as an argument. Currently a TODO.* | ||
| ````js | ||
| map.on('draw:edited', function (e) { | ||
| var layers = e.layers; | ||
| layers.eachLayer(function (layer) { | ||
| //do whatever you want, most likely save back to db | ||
| }); | ||
| }); | ||
| ```` | ||
@@ -121,2 +133,18 @@ #### draw:deleted | ||
| #### draw:editstart | ||
| Triggered when the user starts edit mode by clicking the edit or remove tool button. | ||
| | Property | Type | Description | ||
| | --- | --- | --- | ||
| | handler | String | The type of edit this is. One of: `edit`, `remove` | ||
| #### draw:editstop | ||
| Triggered when the user has finshed editing (edit or remove mode) and saves edits. | ||
| | Property | Type | Description | ||
| | --- | --- | --- | ||
| | handler | String | The type of edit this is. One of: `edit`, `remove` | ||
| <a name="options" /> | ||
@@ -144,7 +172,7 @@ ## Advanced options | ||
| | --- | --- | --- | --- | ||
| | polyline | [PolylineOptions](#polylineoptions) | `{ title: 'Draw a polyline' }` | Polyline draw handler options. | ||
| | polygon | [PolygonOptions](#polygonoptions) | `{ title: 'Draw a polygon' }` | Polygon draw handler options. | ||
| | rectangle | [RectangleOptions](#rectangleoptions) | `{ title: 'Draw a rectangle' }` | Rectangle draw handler options. | ||
| | circle | [CircleOptions](#circleoptions) | `{ title: 'Draw a circle' }` | Circle draw handler options. | ||
| | marker | [MarkerOptions](#markeroptions) | `{ title: 'Add a marker' }` | Marker draw handler options. | ||
| | polyline | [PolylineOptions](#polylineoptions) | `{ }` | Polyline draw handler options. Set to `false` to disable handler. | ||
| | polygon | [PolygonOptions](#polygonoptions) | `{ }` | Polygon draw handler options. Set to `false` to disable handler. | ||
| | rectangle | [RectangleOptions](#rectangleoptions) | `{ }` | Rectangle draw handler options. Set to `false` to disable handler. | ||
| | circle | [CircleOptions](#circleoptions) | `{ }` | Circle draw handler options. Set to `false` to disable handler. | ||
| | marker | [MarkerOptions](#markeroptions) | `{ }` | Marker draw handler options. Set to `false` to disable handler. | ||
@@ -156,4 +184,3 @@ ### Draw handler options | ||
| <a name="polylineoptions" /> | ||
| <a name="polygonoptions" /> | ||
| #### PolylineOptions and PolygonOptions | ||
| #### PolylineOptions | ||
@@ -164,3 +191,2 @@ Polyline and Polygon drawing handlers take the same options. | ||
| | --- | --- | --- | --- | ||
| | title | String | `'Draw a Polyline (Polygon)'` | The title used for the polyline/polygon button. | ||
| | allowIntersection | Bool | `true` | Determines if line segements can cross. | ||
@@ -170,4 +196,15 @@ | drawError | Object | [See code](https://github.com/Leaflet/Leaflet.draw/blob/master/src/draw/handler/Draw.Polyline.js#L10) | Configuration options for the error that displays if an intersection is detected. | ||
| | shapeOptions | [Leaflet Polyline options](http://leafletjs.com/reference.html#polyline-options) | [See code](https://github.com/Leaflet/Leaflet.draw/blob/master/src/draw/handler/Draw.Polyline.js#L20) | The options used when drawing the polyline/polygon on the map. | ||
| | metric | Bool | `true` | Determines which measurement system (metric or imperial) is used. | ||
| | zIndexOffset | Number | `2000` | This should be a high number to ensure that you can draw over all other layers on the map. | ||
| | repeatMode | Bool | `false` | Determines if the draw tool remains enabled after drawing a shape. | ||
| <a name="polygonoptions" /> | ||
| #### PolygonOptions | ||
| Polygon options include all of the Polyline options plus the option to show the approximate area. | ||
| | Option | Type | Default | Description | ||
| | --- | --- | --- | --- | ||
| | showArea | Bool | `false` | Show the area of the drawn polygon in m², ha or km². **The area is only approximate and become less accurate the larger the polygon is.** | ||
| <a name="rectangleoptions" /> | ||
@@ -178,4 +215,4 @@ #### RectangleOptions | ||
| | --- | --- | --- | --- | ||
| | title | String | `'Draw a rectangle.'` | The title used for the rectangle button. | ||
| | shapeOptions | [Leaflet Path options](http://leafletjs.com/reference.html#path-options) | [See code](https://github.com/Leaflet/Leaflet.draw/blob/master/src/draw/handler/Draw.Rectangle.js#L7) | The options used when drawing the rectangle on the map. | ||
| | repeatMode | Bool | `false` | Determines if the draw tool remains enabled after drawing a shape. | ||
@@ -187,4 +224,4 @@ <a name="circleoptions" /> | ||
| | --- | --- | --- | --- | ||
| | title | String | `'Draw a circle.'` | The title used for the circle button. | ||
| | shapeOptions | [Leaflet Path options](http://leafletjs.com/reference.html#path-options) | [See code](https://github.com/Leaflet/Leaflet.draw/blob/master/src/draw/handler/Draw.Circle.js#L7) | The options used when drawing the circle on the map. | ||
| | repeatMode | Bool | `false` | Determines if the draw tool remains enabled after drawing a shape. | ||
@@ -196,5 +233,5 @@ <a name="markeroptions" /> | ||
| | --- | --- | --- | --- | ||
| | title | String | `'Add a marker.'` | The title used for the marker button. | ||
| | icon | [Leaflet Icon](http://leafletjs.com/reference.html#icon) | `L.Icon.Default()` | The icon displayed when drawing a marker. | ||
| | zIndexOffset | Number | `2000` | This should be a high number to ensure that you can draw over all other layers on the map. | ||
| | repeatMode | Bool | `false` | Determines if the draw tool remains enabled after drawing a shape. | ||
@@ -209,4 +246,4 @@ <a name="editoptions" /> | ||
| | featureGroup | [Leaflet FeatureGroup](http://leafletjs.com/reference.html#featuregroup) | `null` | This is the FeatureGroup that stores all editable shapes. **THIS iS REQUIRED FOR THE EDIT TOOLBAR TO WORK** | ||
| | edit | [EditHandlerOptions](#edithandleroptions) | `{ title: 'Edit layers' }` | Edit handler options. | ||
| | remove | [DeleteHandlerOptions](#deletehandleroptions) | `{ title: 'Delete layers' }` | Delete handler options. | ||
| | edit | [EditHandlerOptions](#edithandleroptions) | `{ }` | Edit handler options. Set to `false` to disable handler. | ||
| | remove | [DeleteHandlerOptions](#deletehandleroptions) | `{ }` | Delete handler options. Set to `false` to disable handler. | ||
@@ -218,4 +255,3 @@ <a name="edithandleroptions" /> | ||
| | --- | --- | --- | --- | ||
| | title | String | `'Edit Layers'` | The title used for the edit button. | ||
| | selectedPathOptions | [Leaflet Path options](http://leafletjs.com/reference.html#path-options) | [See code](https://github.com/Leaflet/Leaflet.draw/blob/master/src/edit/handler/EditToolbar.Edit.js#L9) | The path options for how the layers will look like while in edit mode. | ||
| | selectedPathOptions | [Leaflet Path options](http://leafletjs.com/reference.html#path-options) | [See code](https://github.com/Leaflet/Leaflet.draw/blob/master/src/edit/handler/EditToolbar.Edit.js#L9) | The path options for how the layers will look like while in edit mode. If this is set to null the editable path options will not be set. | ||
@@ -227,4 +263,20 @@ <a name="deletehandleroptions" /> | ||
| | --- | --- | --- | --- | ||
| | title | String | `'Remove Layers'` | The title used for the delete button. | ||
| <a name="drawlocal" /> | ||
| #### Customizing language and text in Leaflet.draw | ||
| Leaflet.draw uses the `L.drawLocal` configuration object to set any text used in the plugin. Customizing this will allow support for changing the text or supporting another language. | ||
| See [Leaflet.draw.js](https://github.com/Leaflet/Leaflet.draw/blob/master/src/Leaflet.draw.js) for the default strings. | ||
| E.g. | ||
| ````js | ||
| // Set the button title text for the polygon button | ||
| L.drawLocal.draw.toolbar.buttons.polygon = 'Draw a sexy polygon!'; | ||
| // Set the tooltip start text for the rectangle | ||
| L.drawLocal.draw.handlers.rectangle.tooltip.start = 'Not telling...'; | ||
| ```` | ||
| <a name="commontasks" /> | ||
@@ -265,3 +317,2 @@ ## Common tasks | ||
| polyline: { | ||
| title: 'Draw a kick ass polyline!' | ||
| shapeOptions: { | ||
@@ -275,3 +326,3 @@ color: '#f357a1', | ||
| drawError: { | ||
| color: '#e1e100, // Color the shape will turn when intersects | ||
| color: '#e1e100', // Color the shape will turn when intersects | ||
| message: '<strong>Oh snap!<strong> you can\'t draw that!' // Message that will show when intersect | ||
@@ -351,9 +402,17 @@ }, | ||
| ````js | ||
| drawControl.setDrawingOptions( | ||
| drawControl.setDrawingOptions({ | ||
| rectangle: { | ||
| color: '#0000FF' | ||
| shapeOptions: { | ||
| color: '#0000FF' | ||
| } | ||
| } | ||
| ); | ||
| }); | ||
| ```` | ||
| ### Creating a custom build | ||
| If you only require certain handlers (and not the UI), you may wish to create a custom build. You can generate the relevant jake command using the [build html file](https://github.com/Leaflet/Leaflet.draw/blob/master/build/build.html). | ||
| See [edit handlers example](https://github.com/Leaflet/Leaflet.draw/blob/master/examples/edithandlers.html) which uses only the edit handlers. | ||
| <a name="thanks" /> | ||
@@ -360,0 +419,0 @@ ## Thanks |
@@ -10,2 +10,6 @@ L.Control.Draw = L.Control.extend({ | ||
| initialize: function (options) { | ||
| if (L.version <= "0.5.1") { | ||
| throw new Error('Leaflet.draw 0.2.0+ requires Leaflet 0.6.0+. Download latest from https://github.com/Leaflet/Leaflet/'); | ||
| } | ||
| L.Control.prototype.initialize.call(this, options); | ||
@@ -90,2 +94,3 @@ | ||
| L.Map.mergeOptions({ | ||
| drawControlTooltips: true, | ||
| drawControl: false | ||
@@ -92,0 +97,0 @@ }); |
| L.DrawToolbar = L.Toolbar.extend({ | ||
| options: { | ||
| polyline: { | ||
| title: 'Draw a polyline' | ||
| }, | ||
| polygon: { | ||
| title: 'Draw a polygon' | ||
| }, | ||
| rectangle: { | ||
| title: 'Draw a rectangle' | ||
| }, | ||
| circle: { | ||
| title: 'Draw a circle' | ||
| }, | ||
| marker: { | ||
| title: 'Add a marker' | ||
| } | ||
| polyline: {}, | ||
| polygon: {}, | ||
| rectangle: {}, | ||
| circle: {}, | ||
| marker: {} | ||
| }, | ||
| initialize: function (options) { | ||
| // Ensure that the options are merged correctly since L.extend is only shallow | ||
| for (var type in this.options) { | ||
| if (this.options.hasOwnProperty(type)) { | ||
| if (options[type]) { | ||
| options[type] = L.extend({}, this.options[type], options[type]); | ||
| } | ||
| } | ||
| } | ||
| L.Toolbar.prototype.initialize.call(this, options); | ||
| }, | ||
| addToolbar: function (map) { | ||
@@ -38,3 +37,4 @@ var container = L.DomUtil.create('div', 'leaflet-draw-section'), | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.draw.toolbar.buttons.polyline | ||
| ); | ||
@@ -48,3 +48,4 @@ } | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.draw.toolbar.buttons.polygon | ||
| ); | ||
@@ -58,3 +59,4 @@ } | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.draw.toolbar.buttons.rectangle | ||
| ); | ||
@@ -68,3 +70,4 @@ } | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.draw.toolbar.buttons.circle | ||
| ); | ||
@@ -78,3 +81,4 @@ } | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.draw.toolbar.buttons.marker | ||
| ); | ||
@@ -89,4 +93,4 @@ } | ||
| { | ||
| title: 'Cancel drawing', | ||
| text: 'Cancel', | ||
| title: L.drawLocal.draw.toolbar.actions.title, | ||
| text: L.drawLocal.draw.toolbar.actions.text, | ||
| callback: this.disable, | ||
@@ -96,3 +100,3 @@ context: this | ||
| ]); | ||
| // Add draw and cancel containers to the control container | ||
@@ -99,0 +103,0 @@ container.appendChild(this._toolbarContainer); |
@@ -16,3 +16,5 @@ L.Draw.Circle = L.Draw.SimpleShape.extend({ | ||
| clickable: true | ||
| } | ||
| }, | ||
| showRadius: true, | ||
| metric: true // Whether to use the metric meaurement system or imperial | ||
| }, | ||
@@ -24,7 +26,7 @@ | ||
| this._initialLabelText = L.drawLocal.draw.handlers.circle.tooltip.start; | ||
| L.Draw.SimpleShape.prototype.initialize.call(this, map, options); | ||
| }, | ||
| _initialLabelText: 'Click and drag to draw circle.', | ||
| _drawShape: function (latlng) { | ||
@@ -42,3 +44,24 @@ if (!this._shape) { | ||
| L.Draw.SimpleShape.prototype._fireCreatedEvent.call(this, circle); | ||
| }, | ||
| _onMouseMove: function (e) { | ||
| var latlng = e.latlng, | ||
| metric = this.options.metric, | ||
| showRadius = this.options.showRadius, | ||
| useMetric = this.options.metric, | ||
| radius; | ||
| this._tooltip.updatePosition(latlng); | ||
| if (this._isDrawing) { | ||
| this._drawShape(latlng); | ||
| // Get the new radius (rouded to 1 dp) | ||
| radius = this._shape.getRadius().toFixed(1); | ||
| this._tooltip.updateContent({ | ||
| text: this._endLabelText, | ||
| subtext: showRadius ? 'Radius: ' + L.GeometryUtil.readableDistance(radius, useMetric) : '' | ||
| }); | ||
| } | ||
| } | ||
| }); | ||
| }); |
@@ -25,3 +25,3 @@ L.Draw = {}; | ||
| this.fire('enabled', { handler: this.type }); | ||
| this._map.fire('draw:drawstart', { layerType: this.type }); | ||
@@ -39,3 +39,3 @@ }, | ||
| }, | ||
| addHooks: function () { | ||
@@ -42,0 +42,0 @@ if (this._map) { |
@@ -8,2 +8,3 @@ L.Draw.Marker = L.Draw.Feature.extend({ | ||
| icon: new L.Icon.Default(), | ||
| repeatMode: false, | ||
| zIndexOffset: 2000 // This should be > than the highest z-index any markers | ||
@@ -18,8 +19,8 @@ }, | ||
| }, | ||
| addHooks: function () { | ||
| L.Draw.Feature.prototype.addHooks.call(this); | ||
| if (this._map) { | ||
| this._tooltip.updateContent({ text: 'Click map to place marker.' }); | ||
| this._tooltip.updateContent({ text: L.drawLocal.draw.handlers.marker.tooltip.start }); | ||
@@ -49,8 +50,8 @@ // Same mouseMarker as in Draw.Polyline | ||
| L.Draw.Feature.prototype.removeHooks.call(this); | ||
| if (this._map) { | ||
| if (this._marker) { | ||
| this._marker.off('click', this._onClick); | ||
| this._marker.off('click', this._onClick, this); | ||
| this._map | ||
| .off('click', this._onClick) | ||
| .off('click', this._onClick, this) | ||
| .removeLayer(this._marker); | ||
@@ -60,7 +61,7 @@ delete this._marker; | ||
| this._mouseMarker.off('click', this._onClick); | ||
| this._mouseMarker.off('click', this._onClick, this); | ||
| this._map.removeLayer(this._mouseMarker); | ||
| delete this._mouseMarker; | ||
| this._map.off('mousemove', this._onMouseMove); | ||
| this._map.off('mousemove', this._onMouseMove, this); | ||
| } | ||
@@ -74,3 +75,3 @@ }, | ||
| this._mouseMarker.setLatLng(latlng); | ||
| if (!this._marker) { | ||
@@ -96,2 +97,5 @@ this._marker = new L.Marker(latlng, { | ||
| this.disable(); | ||
| if (this.options.repeatMode) { | ||
| this.enable(); | ||
| } | ||
| }, | ||
@@ -98,0 +102,0 @@ |
@@ -9,2 +9,3 @@ L.Draw.Polygon = L.Draw.Polyline.extend({ | ||
| options: { | ||
| showArea: false, | ||
| shapeOptions: { | ||
@@ -24,3 +25,3 @@ stroke: true, | ||
| L.Draw.Polyline.prototype.initialize.call(this, map, options); | ||
| // Save the type so super can fire, need to do this as cannot do this.TYPE :( | ||
@@ -30,23 +31,48 @@ this.type = L.Draw.Polygon.TYPE; | ||
| _updateMarkerHandler: function () { | ||
| _updateFinishHandler: function () { | ||
| var markerCount = this._markers.length; | ||
| // The first marker shold have a click handler to close the polygon | ||
| if (this._markers.length === 1) { | ||
| if (markerCount === 1) { | ||
| this._markers[0].on('click', this._finishShape, this); | ||
| } | ||
| // Add and update the double click handler | ||
| if (markerCount > 2) { | ||
| this._markers[markerCount - 1].on('dblclick', this._finishShape, this); | ||
| // Only need to remove handler if has been added before | ||
| if (markerCount > 3) { | ||
| this._markers[markerCount - 2].off('dblclick', this._finishShape, this); | ||
| } | ||
| } | ||
| }, | ||
| _getTooltipText: function () { | ||
| var text; | ||
| var text, subtext; | ||
| if (this._markers.length === 0) { | ||
| text = 'Click to start drawing shape.'; | ||
| text = L.drawLocal.draw.handlers.polygon.tooltip.start; | ||
| } else if (this._markers.length < 3) { | ||
| text = 'Click to continue drawing shape.'; | ||
| text = L.drawLocal.draw.handlers.polygon.tooltip.cont; | ||
| } else { | ||
| text = 'Click first point to close this shape.'; | ||
| text = L.drawLocal.draw.handlers.polygon.tooltip.end; | ||
| subtext = this._getMeasurementString(); | ||
| } | ||
| return { | ||
| text: text | ||
| text: text, | ||
| subtext: subtext | ||
| }; | ||
| }, | ||
| _getMeasurementString: function () { | ||
| var area = this._area; | ||
| if (!area) { | ||
| return null; | ||
| } | ||
| return L.GeometryUtil.readableArea(area, this.options.metric); | ||
| }, | ||
| _shapeIsValid: function () { | ||
@@ -57,10 +83,23 @@ return this._markers.length >= 3; | ||
| _vertexAdded: function () { | ||
| //calc area here | ||
| // Check to see if we should show the area | ||
| if (this.options.allowIntersection || !this.options.showArea) { | ||
| return; | ||
| } | ||
| var latLngs = this._poly.getLatLngs(); | ||
| this._area = L.GeometryUtil.geodesicArea(latLngs); | ||
| }, | ||
| _cleanUpShape: function () { | ||
| if (this._markers.length > 0) { | ||
| this._markers[0].off('click', this._finishShape); | ||
| var markerCount = this._markers.length; | ||
| if (markerCount > 0) { | ||
| this._markers[0].off('click', this._finishShape, this); | ||
| if (markerCount > 2) { | ||
| this._markers[markerCount - 1].off('dblclick', this._finishShape, this); | ||
| } | ||
| } | ||
| } | ||
| }); | ||
| }); |
@@ -10,5 +10,5 @@ L.Draw.Polyline = L.Draw.Feature.extend({ | ||
| allowIntersection: true, | ||
| repeatMode: false, | ||
| drawError: { | ||
| color: '#b00b00', | ||
| message: '<strong>Error:</strong> shape edges cannot cross!', | ||
| timeout: 2500 | ||
@@ -29,2 +29,4 @@ }, | ||
| }, | ||
| metric: true, // Whether to use the metric meaurement system or imperial | ||
| showLength: true, // Whether to display distance in the tooltip | ||
| zIndexOffset: 2000 // This should be > than the highest z-index any map layers | ||
@@ -34,2 +36,5 @@ }, | ||
| initialize: function (map, options) { | ||
| // Need to set this here to ensure the correct message is used. | ||
| this.options.drawError.message = L.drawLocal.draw.handlers.polyline.error; | ||
| // Merge default drawError options with custom options | ||
@@ -45,3 +50,3 @@ if (options && options.drawError) { | ||
| }, | ||
| addHooks: function () { | ||
@@ -92,3 +97,3 @@ L.Draw.Feature.prototype.addHooks.call(this); | ||
| this._cleanUpShape(); | ||
| // remove markers from map | ||
@@ -102,3 +107,3 @@ this._map.removeLayer(this._markerGroup); | ||
| this._mouseMarker.off('click', this._onClick); | ||
| this._mouseMarker.off('click', this._onClick, this); | ||
| this._map.removeLayer(this._mouseMarker); | ||
@@ -111,4 +116,4 @@ delete this._mouseMarker; | ||
| this._map | ||
| .off('mousemove', this._onMouseMove) | ||
| .off('zoomend', this._onZoomEnd); | ||
| .off('mousemove', this._onMouseMove, this) | ||
| .off('zoomend', this._onZoomEnd, this); | ||
| }, | ||
@@ -126,2 +131,5 @@ | ||
| this.disable(); | ||
| if (this.options.repeatMode) { | ||
| this.enable(); | ||
| } | ||
| }, | ||
@@ -134,7 +142,7 @@ | ||
| }, | ||
| _onZoomEnd: function () { | ||
| this._updateGuide(); | ||
| }, | ||
| _onMouseMove: function (e) { | ||
@@ -148,5 +156,4 @@ var newPos = e.layerPoint, | ||
| // Update the label | ||
| this._tooltip.updatePosition(latlng); | ||
| this._updateTooltip(latlng); | ||
| // Update the guide line | ||
@@ -181,21 +188,24 @@ this._updateGuide(newPos); | ||
| this._updateMarkerHandler(); | ||
| this._updateFinishHandler(); | ||
| this._vertexAdded(latlng); | ||
| this._clearGuides(); | ||
| this._updateTooltip(); | ||
| }, | ||
| _updateMarkerHandler: function () { | ||
| // The last marker shold have a click handler to close the polyline | ||
| if (this._markers.length > 1) { | ||
| this._markers[this._markers.length - 1].on('click', this._finishShape, this); | ||
| _updateFinishHandler: function () { | ||
| var markerCount = this._markers.length; | ||
| // The last marker should have a click handler to close the polyline | ||
| if (markerCount > 1) { | ||
| this._markers[markerCount - 1].on('click', this._finishShape, this); | ||
| } | ||
| // Remove the old marker click handler (as only the last point should close the polyline) | ||
| if (this._markers.length > 2) { | ||
| this._markers[this._markers.length - 2].off('click', this._finishShape); | ||
| if (markerCount > 2) { | ||
| this._markers[markerCount - 2].off('click', this._finishShape, this); | ||
| } | ||
| }, | ||
| _createMarker: function (latlng) { | ||
@@ -206,3 +216,3 @@ var marker = new L.Marker(latlng, { | ||
| }); | ||
| this._markerGroup.addLayer(marker); | ||
@@ -212,13 +222,8 @@ | ||
| }, | ||
| _updateGuide: function (newPos) { | ||
| newPos = newPos || this._map.latLngToLayerPoint(this._currentLatLng); | ||
| var markerCount = this._markers.length; | ||
| if (markerCount > 0) { | ||
| // Update the tooltip text, as long it's not showing and error | ||
| if (!this._errorShown) { | ||
| this._tooltip.updateContent(this._getTooltipText()); | ||
| } | ||
| newPos = newPos || this._map.latLngToLayerPoint(this._currentLatLng); | ||
@@ -233,3 +238,15 @@ // draw the guide line | ||
| }, | ||
| _updateTooltip: function (latLng) { | ||
| var text = this._getTooltipText(); | ||
| if (latLng) { | ||
| this._tooltip.updatePosition(latLng); | ||
| } | ||
| if (!this._errorShown) { | ||
| this._tooltip.updateContent(text); | ||
| } | ||
| }, | ||
| _drawGuide: function (pointA, pointB) { | ||
@@ -246,3 +263,3 @@ var length = Math.floor(Math.sqrt(Math.pow((pointB.x - pointA.x), 2) + Math.pow((pointB.y - pointA.y), 2))), | ||
| } | ||
| //draw a dash every GuildeLineDistance | ||
@@ -286,19 +303,15 @@ for (i = this.options.guidelineDistance; i < length; i += this.options.guidelineDistance) { | ||
| _getTooltipText: function () { | ||
| var labelText, | ||
| distance, | ||
| distanceStr; | ||
| var showLength = this.options.showLength, | ||
| labelText, distance, distanceStr; | ||
| if (this._markers.length === 0) { | ||
| labelText = { | ||
| text: 'Click to start drawing line.' | ||
| text: L.drawLocal.draw.handlers.polyline.tooltip.start | ||
| }; | ||
| } else { | ||
| // calculate the distance from the last fixed point to the mouse position | ||
| distance = this._measurementRunningTotal + this._currentLatLng.distanceTo(this._markers[this._markers.length - 1].getLatLng()); | ||
| // show metres when distance is < 1km, then show km | ||
| distanceStr = distance > 1000 ? (distance / 1000).toFixed(2) + ' km' : Math.ceil(distance) + ' m'; | ||
| distanceStr = showLength ? this._getMeasurementString() : ''; | ||
| if (this._markers.length === 1) { | ||
| labelText = { | ||
| text: 'Click to continue drawing line.', | ||
| text: L.drawLocal.draw.handlers.polyline.tooltip.cont, | ||
| subtext: distanceStr | ||
@@ -308,3 +321,3 @@ }; | ||
| labelText = { | ||
| text: 'Click last point to finish line.', | ||
| text: L.drawLocal.draw.handlers.polyline.tooltip.end, | ||
| subtext: distanceStr | ||
@@ -317,2 +330,13 @@ }; | ||
| _getMeasurementString: function () { | ||
| var currentLatLng = this._currentLatLng, | ||
| previousLatLng = this._markers[this._markers.length - 1].getLatLng(), | ||
| distance; | ||
| // calculate the distance from the last fixed point to the mouse position | ||
| distance = this._measurementRunningTotal + currentLatLng.distanceTo(previousLatLng); | ||
| return L.GeometryUtil.readableDistance(distance, this.options.metric); | ||
| }, | ||
| _showErrorTooltip: function () { | ||
@@ -339,3 +363,3 @@ this._errorShown = true; | ||
| this._clearHideErrorTimeout(); | ||
| // Revert tooltip | ||
@@ -369,4 +393,4 @@ this._tooltip | ||
| _cleanUpShape: function () { | ||
| if (this._markers.length > 0) { | ||
| this._markers[this._markers.length - 1].off('click', this._finishShape); | ||
| if (this._markers.length > 1) { | ||
| this._markers[this._markers.length - 1].off('click', this._finishShape, this); | ||
| } | ||
@@ -379,2 +403,2 @@ }, | ||
| } | ||
| }); | ||
| }); |
@@ -23,6 +23,6 @@ L.Draw.Rectangle = L.Draw.SimpleShape.extend({ | ||
| this._initialLabelText = L.drawLocal.draw.handlers.rectangle.tooltip.start; | ||
| L.Draw.SimpleShape.prototype.initialize.call(this, map, options); | ||
| }, | ||
| _initialLabelText: 'Click and drag to draw rectangle.', | ||
@@ -42,2 +42,2 @@ _drawShape: function (latlng) { | ||
| } | ||
| }); | ||
| }); |
| L.SimpleShape = {}; | ||
| L.Draw.SimpleShape = L.Draw.Feature.extend({ | ||
| options: { | ||
| repeatMode: false | ||
| }, | ||
| initialize: function (map, options) { | ||
| this._endLabelText = L.drawLocal.draw.handlers.simpleshape.tooltip.end; | ||
| L.Draw.Feature.prototype.initialize.call(this, map, options); | ||
| }, | ||
| addHooks: function () { | ||
@@ -55,3 +65,3 @@ L.Draw.Feature.prototype.addHooks.call(this); | ||
| if (this._isDrawing) { | ||
| this._tooltip.updateContent({ text: 'Release mouse to finish drawing.' }); | ||
| this._tooltip.updateContent({ text: this._endLabelText }); | ||
| this._drawShape(latlng); | ||
@@ -65,5 +75,8 @@ } | ||
| } | ||
| this.disable(); | ||
| if (this.options.repeatMode) { | ||
| this.enable(); | ||
| } | ||
| } | ||
| }); |
@@ -8,8 +8,13 @@ /*L.Map.mergeOptions({ | ||
| edit: { | ||
| title: 'Edit layers', | ||
| selectedPathOptions: null // See Edit handler options, this is used to customize the style of selected paths | ||
| selectedPathOptions: { | ||
| color: '#fe57a1', /* Hot pink all the things! */ | ||
| opacity: 0.6, | ||
| dashArray: '10, 10', | ||
| fill: true, | ||
| fillColor: '#fe57a1', | ||
| fillOpacity: 0.1 | ||
| } | ||
| }, | ||
| remove: { | ||
| title: 'Delete layers' | ||
| }, | ||
| remove: {}, | ||
| featureGroup: null /* REQUIRED! TODO: perhaps if not set then all layers on the map are selectable? */ | ||
@@ -19,2 +24,14 @@ }, | ||
| initialize: function (options) { | ||
| // Need to set this manually since null is an acceptable value here | ||
| if (options.edit) { | ||
| if (typeof options.edit.selectedPathOptions === 'undefined') { | ||
| options.edit.selectedPathOptions = this.options.edit.selectedPathOptions; | ||
| } | ||
| options.edit = L.extend({}, this.options.edit, options.edit); | ||
| } | ||
| if (options.remove) { | ||
| options.remove = L.extend({}, this.options.remove, options.remove); | ||
| } | ||
| L.Toolbar.prototype.initialize.call(this, options); | ||
@@ -24,9 +41,10 @@ | ||
| }, | ||
| addToolbar: function (map) { | ||
| var container = L.DomUtil.create('div', 'leaflet-draw-section'), | ||
| buttonIndex = 0, | ||
| buttonClassPrefix = 'leaflet-draw-edit'; | ||
| buttonClassPrefix = 'leaflet-draw-edit', | ||
| featureGroup = this.options.featureGroup; | ||
| this._toolbarContainer = L.DomUtil.create('div', 'leaflet-draw-toolbar leaflet-bar'), | ||
| this._toolbarContainer = L.DomUtil.create('div', 'leaflet-draw-toolbar leaflet-bar'); | ||
@@ -38,3 +56,3 @@ this._map = map; | ||
| new L.EditToolbar.Edit(map, { | ||
| featureGroup: this.options.featureGroup, | ||
| featureGroup: featureGroup, | ||
| selectedPathOptions: this.options.edit.selectedPathOptions | ||
@@ -44,3 +62,4 @@ }), | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.edit.toolbar.buttons.edit | ||
| ); | ||
@@ -52,7 +71,8 @@ } | ||
| new L.EditToolbar.Delete(map, { | ||
| featureGroup: this.options.featureGroup | ||
| featureGroup: featureGroup | ||
| }), | ||
| this._toolbarContainer, | ||
| buttonIndex++, | ||
| buttonClassPrefix | ||
| buttonClassPrefix, | ||
| L.drawLocal.edit.toolbar.buttons.remove | ||
| ); | ||
@@ -67,4 +87,4 @@ } | ||
| { | ||
| title: 'Save changes.', | ||
| text: 'Save', | ||
| title: L.drawLocal.edit.toolbar.actions.save.title, | ||
| text: L.drawLocal.edit.toolbar.actions.save.text, | ||
| callback: this._save, | ||
@@ -74,4 +94,4 @@ context: this | ||
| { | ||
| title: 'Cancel editing, discards all changes.', | ||
| text: 'Cancel', | ||
| title: L.drawLocal.edit.toolbar.actions.cancel.title, | ||
| text: L.drawLocal.edit.toolbar.actions.cancel.text, | ||
| callback: this.disable, | ||
@@ -86,5 +106,15 @@ context: this | ||
| this._checkDisabled(); | ||
| featureGroup.on('layeradd layerremove', this._checkDisabled, this); | ||
| return container; | ||
| }, | ||
| removeToolbar: function () { | ||
| L.Toolbar.prototype.removeToolbar.call(this); | ||
| this.options.featureGroup.off('layeradd layerremove', this._checkDisabled, this); | ||
| }, | ||
| disable: function () { | ||
@@ -94,3 +124,3 @@ if (!this.enabled()) { return; } | ||
| this._activeMode.handler.revertLayers(); | ||
| L.Toolbar.prototype.disable.call(this); | ||
@@ -102,3 +132,47 @@ }, | ||
| this._activeMode.handler.disable(); | ||
| }, | ||
| _checkDisabled: function () { | ||
| var featureGroup = this.options.featureGroup, | ||
| hasLayers = featureGroup.getLayers().length === 0, | ||
| button; | ||
| if (this.options.edit) { | ||
| button = this._modes[L.EditToolbar.Edit.TYPE].button; | ||
| L.DomUtil.toggleClass(button, 'leaflet-disabled'); | ||
| button.setAttribute( | ||
| 'title', | ||
| hasLayers ? | ||
| L.drawLocal.edit.toolbar.buttons.edit | ||
| : L.drawLocal.edit.toolbar.buttons.editDisabled | ||
| ); | ||
| } | ||
| if (this.options.remove) { | ||
| button = this._modes[L.EditToolbar.Delete.TYPE].button; | ||
| L.DomUtil.toggleClass(button, 'leaflet-disabled'); | ||
| button.setAttribute( | ||
| 'title', | ||
| hasLayers ? | ||
| L.drawLocal.edit.toolbar.buttons.remove | ||
| : L.drawLocal.edit.toolbar.buttons.removeDisabled | ||
| ); | ||
| } | ||
| } | ||
| }); | ||
| }); | ||
| if (!L.DomUtil.toggleClass) { | ||
| L.Util.extend(L.DomUtil, { | ||
| toggleClass: function (el, name) { | ||
| if (this.hasClass(el, name)) { | ||
| this.removeClass(el, name); | ||
| } else { | ||
| this.addClass(el, name); | ||
| } | ||
| } | ||
| }); | ||
| } |
@@ -49,3 +49,3 @@ L.Edit = L.Edit || {}; | ||
| var latlngs = this._poly._latlngs, | ||
| i, j, len, marker; | ||
| i, j, len, marker; | ||
@@ -93,3 +93,18 @@ // TODO refactor holes implementation in Polygon to support it here | ||
| _removeMarker: function (marker) { | ||
| var i = marker._index; | ||
| this._markerGroup.removeLayer(marker); | ||
| this._markers.splice(i, 1); | ||
| this._poly.spliceLatLngs(i, 1); | ||
| this._updateIndexes(i, -1); | ||
| marker | ||
| .off('drag', this._onMarkerDrag, this) | ||
| .off('dragend', this._fireEdit, this) | ||
| .off('click', this._onMarkerClick, this); | ||
| }, | ||
| _fireEdit: function () { | ||
| this._poly.edited = true; | ||
| this._poly.fire('edit'); | ||
@@ -117,10 +132,6 @@ }, | ||
| var marker = e.target, | ||
| i = marker._index; | ||
| var marker = e.target; | ||
| // remove the marker | ||
| this._markerGroup.removeLayer(marker); | ||
| this._markers.splice(i, 1); | ||
| this._poly.spliceLatLngs(i, 1); | ||
| this._updateIndexes(i, -1); | ||
| this._removeMarker(marker); | ||
@@ -149,3 +160,3 @@ // update prev/next links of adjacent markers | ||
| this._poly.fire('edit'); | ||
| this._fireEdit(); | ||
| }, | ||
@@ -178,3 +189,3 @@ | ||
| marker | ||
| .off('click', onClick) | ||
| .off('click', onClick, this) | ||
| .on('click', this._onMarkerClick, this); | ||
@@ -206,3 +217,3 @@ | ||
| onDragEnd.call(this); | ||
| this._poly.fire('edit'); | ||
| this._fireEdit(); | ||
| }; | ||
@@ -209,0 +220,0 @@ |
@@ -47,3 +47,3 @@ L.Edit = L.Edit || {}; | ||
| } | ||
| this._toggleCornerMarkers(1); | ||
@@ -50,0 +50,0 @@ |
@@ -95,5 +95,5 @@ L.Edit = L.Edit || {}; | ||
| marker | ||
| .off('dragstart', this._onMarkerDragStart) | ||
| .off('drag', this._onMarkerDrag) | ||
| .off('dragend', this._onMarkerDragEnd); | ||
| .off('dragstart', this._onMarkerDragStart, this) | ||
| .off('drag', this._onMarkerDrag, this) | ||
| .off('dragend', this._onMarkerDragEnd, this); | ||
| }, | ||
@@ -106,2 +106,7 @@ | ||
| _fireEdit: function () { | ||
| this._shape.edited = true; | ||
| this._shape.fire('edit'); | ||
| }, | ||
| _onMarkerDrag: function (e) { | ||
@@ -124,3 +129,3 @@ var marker = e.target, | ||
| this._shape.fire('edit'); | ||
| this._fireEdit(); | ||
| }, | ||
@@ -135,2 +140,2 @@ | ||
| } | ||
| }); | ||
| }); |
@@ -25,3 +25,5 @@ L.EditToolbar.Delete = L.Handler.extend({ | ||
| enable: function () { | ||
| if (this._enabled) { return; } | ||
| if (this._enabled || !this._hasAvailableLayers()) { | ||
| return; | ||
| } | ||
@@ -35,2 +37,3 @@ L.Handler.prototype.enable.call(this); | ||
| this.fire('enabled', { handler: this.type}); | ||
| this._map.fire('draw:editstart', { handler: this.type }); | ||
| }, | ||
@@ -40,10 +43,11 @@ | ||
| if (!this._enabled) { return; } | ||
| L.Handler.prototype.disable.call(this); | ||
| this._deletableLayers | ||
| .off('layeradd', this._enableLayerDelete) | ||
| .off('layerremove', this._disableLayerDelete); | ||
| .off('layeradd', this._enableLayerDelete, this) | ||
| .off('layerremove', this._disableLayerDelete, this); | ||
| this.fire('disabled', { handler: this.type}); | ||
| this._map.fire('draw:editstop', { handler: this.type }); | ||
| }, | ||
@@ -57,3 +61,3 @@ | ||
| this._tooltip = new L.Tooltip(this._map); | ||
| this._tooltip.updateContent({ text: 'Click on a feature to remove.' }); | ||
| this._tooltip.updateContent({ text: L.drawLocal.edit.handlers.remove.tooltip.text }); | ||
@@ -72,3 +76,3 @@ this._map.on('mousemove', this._onMouseMove, this); | ||
| this._map.off('mousemove', this._onMouseMove); | ||
| this._map.off('mousemove', this._onMouseMove, this); | ||
| } | ||
@@ -97,3 +101,3 @@ }, | ||
| layer.off('click', this._removeLayer); | ||
| layer.off('click', this._removeLayer, this); | ||
@@ -114,3 +118,7 @@ // Remove from the deleted layers so we can't accidently revert if the user presses cancel | ||
| this._tooltip.updatePosition(e.latlng); | ||
| }, | ||
| _hasAvailableLayers: function () { | ||
| return this._deletableLayers.getLayers().length !== 0; | ||
| } | ||
| }); |
@@ -8,14 +8,2 @@ L.EditToolbar.Edit = L.Handler.extend({ | ||
| options: { | ||
| selectedPathOptions: { | ||
| color: '#fe57a1', /* Hot pink all the things! */ | ||
| opacity: 0.6, | ||
| dashArray: '10, 10', | ||
| fill: true, | ||
| fillColor: '#fe57a1', | ||
| fillOpacity: 0.1 | ||
| } | ||
| }, | ||
| initialize: function (map, options) { | ||
@@ -25,8 +13,6 @@ L.Handler.prototype.initialize.call(this, map); | ||
| // Set options to the default unless already set | ||
| options.selectedPathOptions = options.selectedPathOptions || this.options.selectedPathOptions; | ||
| this._selectedPathOptions = options.selectedPathOptions; | ||
| L.Util.setOptions(this, options); | ||
| // Store the selectable layer group for ease of access | ||
| this._featureGroup = this.options.featureGroup; | ||
| this._featureGroup = options.featureGroup; | ||
@@ -44,3 +30,5 @@ if (!(this._featureGroup instanceof L.FeatureGroup)) { | ||
| enable: function () { | ||
| if (this._enabled) { return; } | ||
| if (this._enabled || !this._hasAvailableLayers()) { | ||
| return; | ||
| } | ||
@@ -54,2 +42,3 @@ L.Handler.prototype.enable.call(this); | ||
| this.fire('enabled', {handler: this.type}); | ||
| this._map.fire('draw:editstart', { handler: this.type }); | ||
| }, | ||
@@ -59,8 +48,9 @@ | ||
| if (!this._enabled) { return; } | ||
| this.fire('disabled', {handler: this.type}); | ||
| this._map.fire('draw:editstop', { handler: this.type }); | ||
| this._featureGroup | ||
| .off('layeradd', this._enableLayerEdit) | ||
| .off('layerremove', this._disableLayerEdit); | ||
| .off('layeradd', this._enableLayerEdit, this) | ||
| .off('layerremove', this._disableLayerEdit, this); | ||
@@ -75,3 +65,6 @@ L.Handler.prototype.disable.call(this); | ||
| this._tooltip = new L.Tooltip(this._map); | ||
| this._tooltip.updateContent({ text: 'Drag handles, or marker to edit feature.', subtext: 'Click cancel to undo changes.' }); | ||
| this._tooltip.updateContent({ | ||
| text: L.drawLocal.edit.handlers.edit.tooltip.text, | ||
| subtext: L.drawLocal.edit.handlers.edit.tooltip.subtext | ||
| }); | ||
@@ -93,3 +86,3 @@ this._map.on('mousemove', this._onMouseMove, this); | ||
| this._map.off('mousemove', this._onMouseMove); | ||
| this._map.off('mousemove', this._onMouseMove, this); | ||
| } | ||
@@ -105,4 +98,10 @@ }, | ||
| save: function () { | ||
| // TODO: pass on the edited layers | ||
| this._map.fire('draw:edited'); | ||
| var editedLayers = new L.LayerGroup(); | ||
| this._featureGroup.eachLayer(function (layer) { | ||
| if (layer.edited) { | ||
| editedLayers.addLayer(layer); | ||
| layer.edited = false; | ||
| } | ||
| }); | ||
| this._map.fire('draw:edited', {layers: editedLayers}); | ||
| }, | ||
@@ -134,3 +133,3 @@ | ||
| var id = L.Util.stamp(layer); | ||
| layer.edited = false; | ||
| if (this._uneditedLayerProps.hasOwnProperty(id)) { | ||
@@ -150,2 +149,5 @@ // Polyline, Polygon or Rectangle | ||
| _toggleMarkerHighlight: function (marker) { | ||
| if (!marker._icon) { | ||
| return; | ||
| } | ||
| // This is quite naughty, but I don't see another way of doing it. (short of setting a new icon) | ||
@@ -180,4 +182,12 @@ var icon = marker._icon; | ||
| var layer = e.layer || e.target || e, | ||
| options = L.Util.extend({}, this.options.selectedPathOptions); | ||
| isMarker = layer instanceof L.Marker, | ||
| pathOptions; | ||
| // Don't do anything if this layer is a marker but doesn't have an icon. Markers | ||
| // should usually have icons. If using Leaflet.draw with Leafler.markercluster there | ||
| // is a chance that a marker doesn't. | ||
| if (isMarker && !layer._icon) { | ||
| return; | ||
| } | ||
| // Back up this layer (if haven't before) | ||
@@ -187,17 +197,22 @@ this._backupLayer(layer); | ||
| // Update layer style so appears editable | ||
| if (layer instanceof L.Marker) { | ||
| this._toggleMarkerHighlight(layer); | ||
| } else { | ||
| layer.options.previousOptions = layer.options; | ||
| if (this._selectedPathOptions) { | ||
| pathOptions = L.Util.extend({}, this._selectedPathOptions); | ||
| // Make sure that Polylines are not filled | ||
| if (!(layer instanceof L.Circle) && !(layer instanceof L.Polygon) && !(layer instanceof L.Rectangle)) { | ||
| options.fill = false; | ||
| if (isMarker) { | ||
| this._toggleMarkerHighlight(layer); | ||
| } else { | ||
| layer.options.previousOptions = layer.options; | ||
| // Make sure that Polylines are not filled | ||
| if (!(layer instanceof L.Circle) && !(layer instanceof L.Polygon) && !(layer instanceof L.Rectangle)) { | ||
| pathOptions.fill = false; | ||
| } | ||
| layer.setStyle(pathOptions); | ||
| } | ||
| layer.setStyle(options); | ||
| } | ||
| if (layer instanceof L.Marker) { | ||
| if (isMarker) { | ||
| layer.dragging.enable(); | ||
| layer.on('dragend', this._onMarkerDragEnd); | ||
| } else { | ||
@@ -210,11 +225,14 @@ layer.editing.enable(); | ||
| var layer = e.layer || e.target || e; | ||
| layer.edited = false; | ||
| // Reset layer styles to that of before select | ||
| if (layer instanceof L.Marker) { | ||
| this._toggleMarkerHighlight(layer); | ||
| } else { | ||
| // reset the layer style to what is was before being selected | ||
| layer.setStyle(layer.options.previousOptions); | ||
| // remove the cached options for the layer object | ||
| delete layer.options.previousOptions; | ||
| if (this._selectedPathOptions) { | ||
| if (layer instanceof L.Marker) { | ||
| this._toggleMarkerHighlight(layer); | ||
| } else { | ||
| // reset the layer style to what is was before being selected | ||
| layer.setStyle(layer.options.previousOptions); | ||
| // remove the cached options for the layer object | ||
| delete layer.options.previousOptions; | ||
| } | ||
| } | ||
@@ -224,2 +242,3 @@ | ||
| layer.dragging.disable(); | ||
| layer.off('dragend', this._onMarkerDragEnd, this); | ||
| } else { | ||
@@ -230,5 +249,14 @@ layer.editing.disable(); | ||
| _onMarkerDragEnd: function (e) { | ||
| var layer = e.target; | ||
| layer.edited = true; | ||
| }, | ||
| _onMouseMove: function (e) { | ||
| this._tooltip.updatePosition(e.latlng); | ||
| }, | ||
| _hasAvailableLayers: function () { | ||
| return this._featureGroup.getLayers().length !== 0; | ||
| } | ||
| }); | ||
| }); |
@@ -17,3 +17,3 @@ L.Polyline.include({ | ||
| if (this._lineSegmentsIntersectsRange(p, p1, i - 2)) { | ||
@@ -20,0 +20,0 @@ return true; |
@@ -5,2 +5,90 @@ /* | ||
| L.drawVersion = '0.2.0-dev'; | ||
| L.drawVersion = '0.2.2'; | ||
| L.drawLocal = { | ||
| draw: { | ||
| toolbar: { | ||
| actions: { | ||
| title: 'Cancel drawing', | ||
| text: 'Cancel' | ||
| }, | ||
| buttons: { | ||
| polyline: 'Draw a polyline', | ||
| polygon: 'Draw a polygon', | ||
| rectangle: 'Draw a rectangle', | ||
| circle: 'Draw a circle', | ||
| marker: 'Draw a marker' | ||
| } | ||
| }, | ||
| handlers: { | ||
| circle: { | ||
| tooltip: { | ||
| start: 'Click and drag to draw circle.' | ||
| } | ||
| }, | ||
| marker: { | ||
| tooltip: { | ||
| start: 'Click map to place marker.' | ||
| } | ||
| }, | ||
| polygon: { | ||
| tooltip: { | ||
| start: 'Click to start drawing shape.', | ||
| cont: 'Click to continue drawing shape.', | ||
| end: 'Click first point to close this shape.' | ||
| } | ||
| }, | ||
| polyline: { | ||
| error: '<strong>Error:</strong> shape edges cannot cross!', | ||
| tooltip: { | ||
| start: 'Click to start drawing line.', | ||
| cont: 'Click to continue drawing line.', | ||
| end: 'Click last point to finish line.' | ||
| } | ||
| }, | ||
| rectangle: { | ||
| tooltip: { | ||
| start: 'Click and drag to draw rectangle.' | ||
| } | ||
| }, | ||
| simpleshape: { | ||
| tooltip: { | ||
| end: 'Release mouse to finish drawing.' | ||
| } | ||
| } | ||
| } | ||
| }, | ||
| edit: { | ||
| toolbar: { | ||
| actions: { | ||
| save: { | ||
| title: 'Save changes.', | ||
| text: 'Save' | ||
| }, | ||
| cancel: { | ||
| title: 'Cancel editing, discards all changes.', | ||
| text: 'Cancel' | ||
| } | ||
| }, | ||
| buttons: { | ||
| edit: 'Edit layers.', | ||
| editDisabled: 'No layers to edit.', | ||
| remove: 'Delete layers.', | ||
| removeDisabled: 'No layers to delete.' | ||
| } | ||
| }, | ||
| handlers: { | ||
| edit: { | ||
| tooltip: { | ||
| text: 'Drag handles, or marker to edit feature.', | ||
| subtext: 'Click cancel to undo changes.' | ||
| } | ||
| }, | ||
| remove: { | ||
| tooltip: { | ||
| text: 'Click on a feature to remove' | ||
| } | ||
| } | ||
| } | ||
| } | ||
| }; |
@@ -18,3 +18,3 @@ L.Toolbar = L.Class.extend({ | ||
| if (!this.enabled()) { return; } | ||
| this._activeMode.handler.disable(); | ||
@@ -35,4 +35,4 @@ }, | ||
| this._modes[handlerId].handler | ||
| .off('enabled', this._handlerActivated) | ||
| .off('disabled', this._handlerDeactivated); | ||
| .off('enabled', this._handlerActivated, this) | ||
| .off('disabled', this._handlerDeactivated, this); | ||
| } | ||
@@ -44,3 +44,3 @@ } | ||
| for (var i = 0, l = this._actionButtons.length; i < l; i++) { | ||
| this._disposeButton(this._actionButtons[i]); | ||
| this._disposeButton(this._actionButtons[i].button, this._actionButtons[i].callback); | ||
| } | ||
@@ -51,3 +51,3 @@ this._actionButtons = []; | ||
| _initModeHandler: function (handler, container, buttonIndex, classNamePredix) { | ||
| _initModeHandler: function (handler, container, buttonIndex, classNamePredix, buttonTitle) { | ||
| var type = handler.type; | ||
@@ -60,3 +60,3 @@ | ||
| this._modes[type].button = this._createButton({ | ||
| title: this.options[type].title, | ||
| title: buttonTitle, | ||
| className: classNamePredix + '-' + type, | ||
@@ -111,3 +111,3 @@ container: container, | ||
| } | ||
| // Cache new active feature | ||
@@ -135,5 +135,3 @@ this._activeMode = this._modes[e.handler]; | ||
| var container = L.DomUtil.create('ul', 'leaflet-draw-actions'), | ||
| buttonWidth = 50, | ||
| l = buttons.length, | ||
| containerWidth = (l * buttonWidth) + (l - 1), //l - 1 = the borders | ||
| li, button; | ||
@@ -152,7 +150,8 @@ | ||
| this._actionButtons.push(button); | ||
| this._actionButtons.push({ | ||
| button: button, | ||
| callback: buttons[i].callback | ||
| }); | ||
| } | ||
| container.style.width = containerWidth + 'px'; | ||
| return container; | ||
@@ -167,3 +166,3 @@ }, | ||
| toolbarPosition = (buttonIndex * buttonHeight) + (buttonIndex * borderHeight) - 1; | ||
| // Correctly position the cancel button | ||
@@ -176,3 +175,3 @@ this._actionsContainer.style.top = toolbarPosition + 'px'; | ||
| } | ||
| if (buttonIndex === lastButtonIndex) { | ||
@@ -179,0 +178,0 @@ L.DomUtil.addClass(this._toolbarContainer, 'leaflet-draw-toolbar-nobottom'); |
@@ -6,3 +6,3 @@ L.Tooltip = L.Class.extend({ | ||
| this._container = L.DomUtil.create('div', 'leaflet-draw-tooltip', this._popupPane); | ||
| this._container = map.options.drawControlTooltips ? L.DomUtil.create('div', 'leaflet-draw-tooltip', this._popupPane) : null; | ||
| this._singleLineLabel = false; | ||
@@ -12,7 +12,12 @@ }, | ||
| dispose: function () { | ||
| this._popupPane.removeChild(this._container); | ||
| this._container = null; | ||
| if (this._container) { | ||
| this._popupPane.removeChild(this._container); | ||
| this._container = null; | ||
| } | ||
| }, | ||
| updateContent: function (labelText) { | ||
| if (!this._container) { | ||
| return this; | ||
| } | ||
| labelText.subtext = labelText.subtext || ''; | ||
@@ -40,3 +45,5 @@ | ||
| L.DomUtil.setPosition(this._container, pos); | ||
| if (this._container) { | ||
| L.DomUtil.setPosition(this._container, pos); | ||
| } | ||
@@ -47,3 +54,5 @@ return this; | ||
| showAsError: function () { | ||
| L.DomUtil.addClass(this._container, 'leaflet-error-draw-tooltip'); | ||
| if (this._container) { | ||
| L.DomUtil.addClass(this._container, 'leaflet-error-draw-tooltip'); | ||
| } | ||
| return this; | ||
@@ -53,5 +62,7 @@ }, | ||
| removeError: function () { | ||
| L.DomUtil.removeClass(this._container, 'leaflet-error-draw-tooltip'); | ||
| if (this._container) { | ||
| L.DomUtil.removeClass(this._container, 'leaflet-error-draw-tooltip'); | ||
| } | ||
| return this; | ||
| } | ||
| }); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Uses eval
Supply chain riskPackage uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Fixed alerts
No tests
QualityPackage does not have any tests. This is a strong signal of a poorly maintained or low quality package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by60.26%
653030
- Number of package files
- increased by33.33%
68
- Lines of code
- increased by56.91%
17039
- Number of low quality alerts
- decreased by-33.33%
2
- Number of lines in readme file
- increased by16.71%
412
Worsened metrics
- Dev dependency count
- increased byInfinity%
6
- Number of low supply chain risk alerts
- increased by300%
4
- Number of medium supply chain risk alerts
- increased byInfinity%
2
No dependency changes