From f47cbc3fb7433d19b18d4581b39a123770305e26 Mon Sep 17 00:00:00 2001 From: Patrick McKinney Date: Fri, 19 Mar 2021 15:01:02 -0400 Subject: [PATCH] Use element instead of element. Remove Font Awesome Dependency. Update Leaflet.js and jQuery in example. Remove Bootstrap in example. Add css rule so "legend" element shows above map. --- dist/home-solid.png | Bin 0 -> 2177 bytes dist/leaflet.zoomhome.css | 8 ++++++++ dist/leaflet.zoomhome.js | 3 ++- dist/leaflet.zoomhome.min.js | 2 +- index.html | 21 ++++++++++++--------- 5 files changed, 23 insertions(+), 11 deletions(-) create mode 100644 dist/home-solid.png diff --git a/dist/home-solid.png b/dist/home-solid.png new file mode 100644 index 0000000000000000000000000000000000000000..6cef83c4cccd83f25d4adf191b0bda886f19810d GIT binary patch literal 2177 zcmV-{2!8j8P)M1q+tj&Y&nChAqz;_Mbe^@7L)X+q*o=qBk3AR@6~|y zypk@Iw07iJ7fISLvTfI9gG$Jul153IvEbsrmUNb+GdF=ca4UC0)TCA zWK5X|YODFLM#@zQ{WBp2U>z&zgajZ%O;3|_WaLh_LtHkWj94Man3i|CZ44qPnj0&j>~66XlWc%=ZTrHzzjQjn~v?Z6N+o9!3tJ1_h; zBZCloNC?fNDO)(_OYJ@ogsdP5*D^Iy+X)8y!x4!H5x-)e>6bK~kgX+MDT&xrRryWQ zzLKt}IKXa}G@7Jh|CDZxCWOf9DJfUer7fvg_6yDlMS`bB3K#dcNY*eDM(Veh(nvxk zwh+k9&MSY|$l!cXB<&`t%%sg@q!2Ibl{Ai!`E0-NMrw&^p&5S_AUB;k30rl1PI!GU zJ4bZuI)Rb0XO9?Z6d{-evT}1cFP0((iWG{3Dib2Y%NI0wLDJrmUJr~xk%YGhqTBF| zA%v0~HgAu7VOnuVV2}+g_JtcAlFy8kdjgF%HEo&2v*?b#jUeRI3hrnp1}_>J)K(P< zo)&ddDRO`$4x>e~l##Mr%AkR^zHTuxLS7OkjNC;PIZx6-fsRC+IYf5u zM^)w;Z-h`W$bLbX!XvoFM+XMLrKJ{YGtVTF?zWuAmw|CkmUNVJ9?FiW13=@GrD|Ok zcARp}8Iorl*Wnk_imOY^3Eq~M^wt!wnFsb#U`||hv}H2KwUJYS6f{3cst|%r#sqkT z`deJuCjx^Io+sQ=R4!U|{%>rvCni=Ts~ag4TX+P`PdXT<62gYc#_Exn^3FQK^JQx! zydH9UDY8IQV#`*G=EDNufksIzA-IJMyl&K}#f{ht(2S6rFKK`0Jh9y|ha4h90x6tn zJc1>_gne8#NDLvkgX|Yx^)0IIXsvNp3%6`ow&G{Cq>}hBVH;zXj<+`E)LWHm(o#dI> zE|5JZ6v80oiaDIhIhVKlPm+jl-4qyT2@B(s-|@(al8);(KsQ488vuE0YPm4>i|+#~ z?^Qg>0~W>Ip&M~p)0AyIlSsPJFeYs zDI62xOfb$PjL{;56epXiN7xuKQN(hJWJNQF^Lr-hV_)uEJh0F;QQ-(F-g*J*nny!O z9b`OUWQ6V}a_eXg*~CGT-wmTe&&cvWkU}Y{M@B&im3khDc@($~kIl2jI{FrRMs0(; zBN-4v#RtKPUjM3FI>KND)_IU_G$N}7(xY|$6MBN+cM=S^@ z0UP^&l4tD(3l&}vZNP+;Wi>l-8QI#@32TIM*zFxz5S#ZK0hB3lV88I@)|*P?Cz5t5 zDNQ2k04Xa)Uc?w{)9&_SdI+tDnwhKJaG17TbCrkFIB+d&hA;yD= zx<0Tdf{*MM1S5x0$PD7Rw4T1|h5;`>KwH{lc9{P)C6PVtN(g@>e1bPY%@cWH5;@NV zP+rjXi@K^d29;2-f)sMAQ^abYlNirevSoNi4CZsPg z$4`<8iN~rhEr*hj7(c%q{eDK9hl&tlX^@dh$ik8+H7bfF)u}o|MF=_Tw=1I8ufyxm z5aN0W#z^EHyuCJGnUDmH$%G_;Rn|0XNEt$HpZCK)XF@U|2?z{fv^Q%=!u^p=R@RV& z+httS>}6Ggt$U|zvJ$||CM%n)gxe*XtV&>&b;>5I45555?21s1WhLA=*~>}*tE_1@ zS!D=ila)=D_obRcW3qS~8?QX-rNlf6Q8s_*k$|$kv7gUuUlI`8{y**NC?#c3-r6ws z8HdWNDehR;I=v6LhA!<+NxW3kC3RgWi)h_}yefjPq~qV#Pw4m1XP6n@!y8kD9|OeV zl6X#oFOr$iekN-BKYwfgJ@i?7+d4FO%=+sjBnFV&rUZdZNW*TCOh_iAVF)yAIaxz8 zAq_*IVav%Hk_l-T0u5VE){sm{!w_iLa'; + var zoomHomeText = 'icon of a house'; this._zoomHomeButton = this._createButton(zoomHomeText, options.zoomHomeTitle, controlName + '-home', container, this._zoomHome.bind(this)); this._zoomOutButton = this._createButton(options.zoomOutText, options.zoomOutTitle, diff --git a/dist/leaflet.zoomhome.min.js b/dist/leaflet.zoomhome.min.js index b2fd53d..8aeec4e 100644 --- a/dist/leaflet.zoomhome.min.js +++ b/dist/leaflet.zoomhome.min.js @@ -2,4 +2,4 @@ http://www.github.com/torfuspolymorphus/leaflet.zoomhome Torf (http://www.torf.cc) toms (https://gis.stackexchange.com/users/9847/toms) */ -!function(){"use strict";L.Control.ZoomHome=L.Control.Zoom.extend({options:{position:"topleft",zoomInText:"+",zoomInTitle:"Zoom in",zoomOutText:"-",zoomOutTitle:"Zoom out",zoomHomeIcon:"home",zoomHomeTitle:"Home",homeCoordinates:null,homeZoom:null},onAdd:function(a){var b="leaflet-control-zoomhome",c=L.DomUtil.create("div",b+" leaflet-bar"),d=this.options;null===d.homeCoordinates&&(d.homeCoordinates=a.getCenter()),null===d.homeZoom&&(d.homeZoom=a.getZoom()),this._zoomInButton=this._createButton(d.zoomInText,d.zoomInTitle,b+"-in",c,this._zoomIn.bind(this));var e='';return this._zoomHomeButton=this._createButton(e,d.zoomHomeTitle,b+"-home",c,this._zoomHome.bind(this)),this._zoomOutButton=this._createButton(d.zoomOutText,d.zoomOutTitle,b+"-out",c,this._zoomOut.bind(this)),this._updateDisabled(),a.on("zoomend zoomlevelschange",this._updateDisabled,this),c},setHomeBounds:function(a){void 0===a?a=this._map.getBounds():"function"!=typeof a.getCenter&&(a=L.latLngBounds(a)),this.options.homeZoom=this._map.getBoundsZoom(a),this.options.homeCoordinates=a.getCenter()},setHomeCoordinates:function(a){void 0===a&&(a=this._map.getCenter()),this.options.homeCoordinates=a},setHomeZoom:function(a){void 0===a&&(a=this._map.getZoom()),this.options.homeZoom=a},getHomeZoom:function(){return this.options.homeZoom},getHomeCoordinates:function(){return this.options.homeCoordinates},_zoomHome:function(a){this._map.setView(this.options.homeCoordinates,this.options.homeZoom)}}),L.Control.zoomHome=function(a){return new L.Control.ZoomHome(a)}}(); \ No newline at end of file +!function(){"use strict";L.Control.ZoomHome=L.Control.Zoom.extend({options:{position:"topleft",zoomInText:"+",zoomInTitle:"Zoom in",zoomOutText:"-",zoomOutTitle:"Zoom out",zoomHomeIcon:"home",zoomHomeTitle:"Home",imageSource:null,homeCoordinates:null,homeZoom:null},onAdd:function(a){var b="leaflet-control-zoomhome",c=L.DomUtil.create("div",b+" leaflet-bar"),d=this.options;null===d.homeCoordinates&&(d.homeCoordinates=a.getCenter()),null===d.homeZoom&&(d.homeZoom=a.getZoom()),this._zoomInButton=this._createButton(d.zoomInText,d.zoomInTitle,b+"-in",c,this._zoomIn.bind(this));var e='icon of a houseleaflet.zoomhome demo 'CC-BY-SA. Tiles © ' + 'Carto'; - var map; + let map; $(document).ready(function() { - var tiles = L.tileLayer(TILES_URL, {attribution: ATTRIBUTION}); + const tiles = L.tileLayer(TILES_URL, {attribution: ATTRIBUTION}); map = L.map('map', {zoomControl: false}).addLayer(tiles).setView(INITIAL_LOCATION, INITIAL_ZOOM); - var zoomHome = L.Control.zoomHome(); + const zoomHome = L.Control.zoomHome({imageSource: 'dist/home-solid.png'}); zoomHome.addTo(map); });