(function (window, document, undefined) { "use strict"; L.Control.CameraViewMarkerControls = L.Control.extend({ onAdd: function(map){ var name = "leaflet-control-heel"; var div = L.DomUtil.create('div', name+' leaflet-bar'); L.DomEvent.disableClickPropagation(div); var title = "Altitude and Elevation control mode"; var label = "⇅"; //var label = "+"; //var label = "핥"; var a = L.DomUtil.create('a','leaflet-control-zoom-in leaflet-interactive'); a.innerHTML = label; a.title = title; this._div = div; this._button = a; this._state = false; div.appendChild(a); this._registerEvents(); return div; }, onRemove: function(){ // Nothing to do here }, getState: function(){ return this._state; }, _registerEvents: function(){ var self = this; L.DomEvent.on(this._button, 'click', function(){ self._state = !self._state; self._buttonColor(); }, this._button); }, _buttonColor: function(){ if (this._state){ this._button.style.backgroundColor = "rgba(136,255,136,1)"; }else{ this._button.removeAttribute("style"); } } }); L.control.cameraViewMarkerControls = function (options) { return new L.Control.CameraViewMarkerControls(options); }; }(this,document));