Covers additional customization of the map view this example has no markers, markers options can be omitted if you just need the map. You could set the attributionControl false to remove Attribution
controls can be placed in the following locations the scale assumes the positions along with the zoom controls. Valid positions are topleft', 'topright', 'bottomleft' or 'bottomright'
the control position can only be set by setting zoomControl: false
let options = {
2 | zoom: 13,
3 | maxZoom: 19,
4 | minZoom: 1,
5 | controls: {
6 | zoomControl: true,
7 | position: "bottomright",
8 | scale: true,
9 | },
10 | center: [13, 80],
11 | mapID: "map",
12 | attributionControl: false,
13 | };<slots /> which is the key motivation.Svelte wrapper for leaflet. To use in svelte. For bugs and suggestions please file issue here
npm i @anoram/leaflet-svelte
Have <Map options={options}/> a child of a div and supply custom css for height/width.
<script>
2 | import Map from '@anoram/leaflet-svelte'
3 | let options={
4 | center: [13,80],
5 | markers: [
6 | {
7 | lat: 13,
8 | lng: 80
9 | }
10 | ],
11 | mapID: "map"
12 | }
13 | </script>
14 | <style>
15 | .map {
16 | height: 600px;
17 | width: auto;
18 | }
19 | </style>
20 | <div class="map">
21 | <Map {options} />
22 | </div>mapID is unique like if you are planning to use multiple maps on the same page consider having different mapID
Recenter and set map view to center of both the locations or a set of markers.
<script>
2 | import Map from "@anoram/leaflet-svelte";
3 | let options = {
4 | recenter: true,
5 | markers: [
6 | {
7 | lat: 1,
8 | lng: 1,
9 | },
10 | {
11 | lat: 13,
12 | lng: 80,
13 | },
14 | ],
15 | mapID: "map",
16 |
17 | };
18 |
19 | </script>
20 |
21 | <style>
22 | .map {
23 | height: 600px;
24 | width: auto;
25 | }
26 |
27 | </style>
28 |
29 |
30 | <div class="map">
31 | <Map {options} />
32 | </div>recenter by default is false, setting it to true and maxZoom/minZoom values will not work, however if you give value for zoom it will reset and zoom the map as far as it can go and have all markers in the view.
<script>\nimport Map from \'@anoram/leaflet-svelte\'\nlet options={\n center: [13,80],\n markers: [\n {\n lat: 13,\n lng: 80\n }\n ],\n mapID: "map"\n}\n</script>\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n</style>\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class I extends a{constructor(a){super(),s(this,a,null,w,n,{})}}function b(a){let s,n,w,b,x,M,S,H,P,V,j,q,L,Q,T,A,C,F,O,R,z,B,G,J,K,N,U,W,X,Y,Z,_,aa,sa,na,ta,pa,ea,oa,ca,la="{options}";return Y=new I({}),oa=new D({props:{options:a[0]}}),{c(){s=u(),n=t("div"),w=t("div"),b=t("div"),x=t("h4"),M=i("Quick Start"),S=u(),H=t("p"),P=i("Svelte wrapper for leaflet. To use in "),V=t("a"),j=i("svelte"),q=i(".\n For bugs and suggestions please file issue "),L=t("a"),Q=i("here"),T=u(),A=t("pre"),C=i("npm i @anoram/leaflet-svelte"),F=u(),O=t("p"),R=i("Have "),z=t("code"),B=i(""),K=i(" a child of a div and supply\n custom css for height/width."),N=u(),U=t("h4"),W=i("Minimal Example"),X=u(),k(Y.$$.fragment),Z=u(),_=t("p"),aa=t("code"),sa=i("mapID"),na=i(" is unique like if you are planning to use multiple maps on the same page consider having different mapID"),ta=u(),pa=t("div"),ea=t("div"),k(oa.$$.fragment),this.h()},l(a){h('[data-svelte="svelte-1zskho"]',document.head).forEach(o),s=m(a),n=p(a,"DIV",{class:!0});var t=e(n);w=p(t,"DIV",{class:!0});var c=e(w);b=p(c,"DIV",{class:!0});var l=e(b);x=p(l,"H4",{});var r=e(x);M=f(r,"Quick Start"),r.forEach(o),S=m(l),H=p(l,"P",{});var u=e(H);P=f(u,"Svelte wrapper for leaflet. To use in "),V=p(u,"A",{href:!0});var i=e(V);j=f(i,"svelte"),i.forEach(o),q=f(u,".\n For bugs and suggestions please file issue "),L=p(u,"A",{href:!0});var k=e(L);Q=f(k,"here"),k.forEach(o),u.forEach(o),T=m(l),A=p(l,"PRE",{});var v=e(A);C=f(v,"npm i @anoram/leaflet-svelte"),v.forEach(o),F=m(l),O=p(l,"P",{});var d=e(O);R=f(d,"Have "),z=p(d,"CODE",{});var E=e(z);B=f(E,""),E.forEach(o),K=f(d," a child of a div and supply\n custom css for height/width."),d.forEach(o),N=m(l),U=p(l,"H4",{});var $=e(U);W=f($,"Minimal Example"),$.forEach(o),X=m(l),g(Y.$$.fragment,l),Z=m(l),_=p(l,"P",{});var y=e(_);aa=p(y,"CODE",{});var D=e(aa);sa=f(D,"mapID"),D.forEach(o),na=f(y," is unique like if you are planning to use multiple maps on the same page consider having different mapID"),y.forEach(o),l.forEach(o),ta=m(c),pa=p(c,"DIV",{class:!0});var I=e(pa);ea=p(I,"DIV",{class:!0});var ca=e(ea);g(oa.$$.fragment,ca),ca.forEach(o),I.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Home Quick Start with leaflet on Svelte",c(V,"href","https://github.com/anoram/leaflet-svelte"),c(L,"href","https://github.com/anoram/leaflet-svelte"),c(b,"class","col-6"),c(ea,"class","map svelte-dt8ylx"),c(pa,"class","col-6"),c(w,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,w),v(w,b),v(b,x),v(x,M),v(b,S),v(b,H),v(H,P),v(H,V),v(V,j),v(H,q),v(H,L),v(L,Q),v(b,T),v(b,A),v(A,C),v(b,F),v(b,O),v(O,R),v(O,z),v(z,B),v(z,G),v(z,J),v(O,K),v(b,N),v(b,U),v(U,W),v(b,X),d(Y,b,null),v(b,Z),v(b,_),v(_,aa),v(aa,sa),v(_,na),v(w,ta),v(w,pa),v(pa,ea),d(oa,ea,null),ca=!0},p:r,i(a){ca||(E(Y.$$.fragment,a),E(oa.$$.fragment,a),ca=!0)},o(a){$(Y.$$.fragment,a),$(oa.$$.fragment,a),ca=!1},d(a){a&&o(s),a&&o(n),y(Y),y(oa)}}}function x(a){return[{center:[13,80],markers:[{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,x,b,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/index.0fedf38a.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as h,j as m,k as f,l as g,m as v,o as d,p as E,r as $,u as y}from"./client.a52649eb.js";import{L as D}from"./Leaflet.1975f146.js";function w(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\nimport Map from \'@anoram/leaflet-svelte\'\nlet options={\n center: [13,80],\n markers: [\n {\n lat: 13,\n lng: 80\n }\n ],\n mapID: "map"\n}\n</script>\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n</style>\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class I extends a{constructor(a){super(),s(this,a,null,w,n,{})}}function b(a){let s,n,w,b,x,M,S,H,P,V,j,q,L,Q,T,A,C,F,O,R,z,B,G,J,K,N,U,W,X,Y,Z,_,aa,sa,na,ta,pa,ea,oa,ca,la="{options}";return Y=new I({}),oa=new D({props:{options:a[0]}}),{c(){s=u(),n=t("div"),w=t("div"),b=t("div"),x=t("h4"),M=i("Quick Start"),S=u(),H=t("p"),P=i("Svelte wrapper for leaflet. To use in "),V=t("a"),j=i("svelte"),q=i(".\n For bugs and suggestions please file issue "),L=t("a"),Q=i("here"),T=u(),A=t("pre"),C=i("npm i @anoram/leaflet-svelte"),F=u(),O=t("p"),R=i("Have "),z=t("code"),B=i(""),K=i(" a child of a div and supply\n custom css for height/width."),N=u(),U=t("h4"),W=i("Minimal Example"),X=u(),k(Y.$$.fragment),Z=u(),_=t("p"),aa=t("code"),sa=i("mapID"),na=i(" is unique like if you are planning to use multiple maps on the same page consider having different mapID"),ta=u(),pa=t("div"),ea=t("div"),k(oa.$$.fragment),this.h()},l(a){h('[data-svelte="svelte-1zskho"]',document.head).forEach(o),s=m(a),n=p(a,"DIV",{class:!0});var t=e(n);w=p(t,"DIV",{class:!0});var c=e(w);b=p(c,"DIV",{class:!0});var l=e(b);x=p(l,"H4",{});var r=e(x);M=f(r,"Quick Start"),r.forEach(o),S=m(l),H=p(l,"P",{});var u=e(H);P=f(u,"Svelte wrapper for leaflet. To use in "),V=p(u,"A",{href:!0});var i=e(V);j=f(i,"svelte"),i.forEach(o),q=f(u,".\n For bugs and suggestions please file issue "),L=p(u,"A",{href:!0});var k=e(L);Q=f(k,"here"),k.forEach(o),u.forEach(o),T=m(l),A=p(l,"PRE",{});var v=e(A);C=f(v,"npm i @anoram/leaflet-svelte"),v.forEach(o),F=m(l),O=p(l,"P",{});var d=e(O);R=f(d,"Have "),z=p(d,"CODE",{});var E=e(z);B=f(E,""),E.forEach(o),K=f(d," a child of a div and supply\n custom css for height/width."),d.forEach(o),N=m(l),U=p(l,"H4",{});var $=e(U);W=f($,"Minimal Example"),$.forEach(o),X=m(l),g(Y.$$.fragment,l),Z=m(l),_=p(l,"P",{});var y=e(_);aa=p(y,"CODE",{});var D=e(aa);sa=f(D,"mapID"),D.forEach(o),na=f(y," is unique like if you are planning to use multiple maps on the same page consider having different mapID"),y.forEach(o),l.forEach(o),ta=m(c),pa=p(c,"DIV",{class:!0});var I=e(pa);ea=p(I,"DIV",{class:!0});var ca=e(ea);g(oa.$$.fragment,ca),ca.forEach(o),I.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Home Quick Start with leaflet on Svelte",c(V,"href","https://github.com/anoram/leaflet-svelte"),c(L,"href","https://github.com/anoram/leaflet-svelte"),c(b,"class","col-6"),c(ea,"class","map svelte-dt8ylx"),c(pa,"class","col-6"),c(w,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,w),v(w,b),v(b,x),v(x,M),v(b,S),v(b,H),v(H,P),v(H,V),v(V,j),v(H,q),v(H,L),v(L,Q),v(b,T),v(b,A),v(A,C),v(b,F),v(b,O),v(O,R),v(O,z),v(z,B),v(z,G),v(z,J),v(O,K),v(b,N),v(b,U),v(U,W),v(b,X),d(Y,b,null),v(b,Z),v(b,_),v(_,aa),v(aa,sa),v(_,na),v(w,ta),v(w,pa),v(pa,ea),d(oa,ea,null),ca=!0},p:r,i(a){ca||(E(Y.$$.fragment,a),E(oa.$$.fragment,a),ca=!0)},o(a){$(Y.$$.fragment,a),$(oa.$$.fragment,a),ca=!1},d(a){a&&o(s),a&&o(n),y(Y),y(oa)}}}function x(a){return[{center:[13,80],markers:[{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,x,b,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/index.683fc466.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as f,j as h,k as m,l as g,m as v,o as d,p as E,r as $,u as y}from"./client.47f8a5db.js";import{L as D}from"./Leaflet.6481def0.js";function w(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\nimport Map from \'@anoram/leaflet-svelte\'\nlet options={\n center: [13,80],\n markers: [\n {\n lat: 13,\n lng: 80\n }\n ],\n mapID: "map"\n}\n</script>\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n</style>\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class I extends a{constructor(a){super(),s(this,a,null,w,n,{})}}function b(a){let s,n,w,b,x,M,S,H,P,V,j,q,L,Q,T,A,C,F,O,R,z,B,G,J,K,N,U,W,X,Y,Z,_,aa,sa,na,ta,pa,ea,oa,ca,la="{options}";return Y=new I({}),oa=new D({props:{options:a[0]}}),{c(){s=u(),n=t("div"),w=t("div"),b=t("div"),x=t("h4"),M=i("Quick Start"),S=u(),H=t("p"),P=i("Svelte wrapper for leaflet. To use in "),V=t("a"),j=i("svelte"),q=i(".\n For bugs and suggestions please file issue "),L=t("a"),Q=i("here"),T=u(),A=t("pre"),C=i("npm i @anoram/leaflet-svelte"),F=u(),O=t("p"),R=i("Have "),z=t("code"),B=i(""),K=i(" a child of a div and supply\n custom css for height/width."),N=u(),U=t("h4"),W=i("Minimal Example"),X=u(),k(Y.$$.fragment),Z=u(),_=t("p"),aa=t("code"),sa=i("mapID"),na=i(" is unique like if you are planning to use multiple maps on the same page consider having different mapID"),ta=u(),pa=t("div"),ea=t("div"),k(oa.$$.fragment),this.h()},l(a){f('[data-svelte="svelte-1zskho"]',document.head).forEach(o),s=h(a),n=p(a,"DIV",{class:!0});var t=e(n);w=p(t,"DIV",{class:!0});var c=e(w);b=p(c,"DIV",{class:!0});var l=e(b);x=p(l,"H4",{});var r=e(x);M=m(r,"Quick Start"),r.forEach(o),S=h(l),H=p(l,"P",{});var u=e(H);P=m(u,"Svelte wrapper for leaflet. To use in "),V=p(u,"A",{href:!0});var i=e(V);j=m(i,"svelte"),i.forEach(o),q=m(u,".\n For bugs and suggestions please file issue "),L=p(u,"A",{href:!0});var k=e(L);Q=m(k,"here"),k.forEach(o),u.forEach(o),T=h(l),A=p(l,"PRE",{});var v=e(A);C=m(v,"npm i @anoram/leaflet-svelte"),v.forEach(o),F=h(l),O=p(l,"P",{});var d=e(O);R=m(d,"Have "),z=p(d,"CODE",{});var E=e(z);B=m(E,""),E.forEach(o),K=m(d," a child of a div and supply\n custom css for height/width."),d.forEach(o),N=h(l),U=p(l,"H4",{});var $=e(U);W=m($,"Minimal Example"),$.forEach(o),X=h(l),g(Y.$$.fragment,l),Z=h(l),_=p(l,"P",{});var y=e(_);aa=p(y,"CODE",{});var D=e(aa);sa=m(D,"mapID"),D.forEach(o),na=m(y," is unique like if you are planning to use multiple maps on the same page consider having different mapID"),y.forEach(o),l.forEach(o),ta=h(c),pa=p(c,"DIV",{class:!0});var I=e(pa);ea=p(I,"DIV",{class:!0});var ca=e(ea);g(oa.$$.fragment,ca),ca.forEach(o),I.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Home Quick Start with leaflet on Svelte",c(V,"href","https://github.com/anoram/leaflet-svelte"),c(L,"href","https://github.com/anoram/leaflet-svelte"),c(b,"class","col-6"),c(ea,"class","map svelte-dt8ylx"),c(pa,"class","col-6"),c(w,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,w),v(w,b),v(b,x),v(x,M),v(b,S),v(b,H),v(H,P),v(H,V),v(V,j),v(H,q),v(H,L),v(L,Q),v(b,T),v(b,A),v(A,C),v(b,F),v(b,O),v(O,R),v(O,z),v(z,B),v(z,G),v(z,J),v(O,K),v(b,N),v(b,U),v(U,W),v(b,X),d(Y,b,null),v(b,Z),v(b,_),v(_,aa),v(aa,sa),v(_,na),v(w,ta),v(w,pa),v(pa,ea),d(oa,ea,null),ca=!0},p:r,i(a){ca||(E(Y.$$.fragment,a),E(oa.$$.fragment,a),ca=!0)},o(a){$(Y.$$.fragment,a),$(oa.$$.fragment,a),ca=!1},d(a){a&&o(s),a&&o(n),y(Y),y(oa)}}}function x(a){return[{center:[13,80],markers:[{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,x,b,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/index.ac71540c.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as h,j as m,k as f,l as g,m as v,o as d,p as E,r as $,u as b}from"./client.bba8b1e3.js";import{L as y}from"./Leaflet.1fd8bc0e.js";function D(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\nimport Map from \'@anoram/leaflet-svelte\'\nlet options={\n center: [13,80],\n markers: [\n {\n lat: 13,\n lng: 80\n }\n ],\n mapID: "map"\n}\n</script>\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n</style>\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class w extends a{constructor(a){super(),s(this,a,null,D,n,{})}}function I(a){let s,n,D,I,x,M,S,H,P,V,j,q,L,Q,T,A,C,F,O,R,z,B,G,J,K,N,U,W,X,Y,Z,_,aa,sa,na,ta,pa,ea,oa,ca,la="{options}";return Y=new w({}),oa=new y({props:{options:a[0]}}),{c(){s=u(),n=t("div"),D=t("div"),I=t("div"),x=t("h4"),M=i("Quick Start"),S=u(),H=t("p"),P=i("Svelte wrapper for leaflet. To use in "),V=t("a"),j=i("svelte"),q=i(".\n For bugs and suggestions please file issue "),L=t("a"),Q=i("here"),T=u(),A=t("pre"),C=i("npm i @anoram/leaflet-svelte"),F=u(),O=t("p"),R=i("Have "),z=t("code"),B=i(""),K=i(" a child of a div and supply\n custom css for height/width."),N=u(),U=t("h4"),W=i("Minimal Example"),X=u(),k(Y.$$.fragment),Z=u(),_=t("p"),aa=t("code"),sa=i("mapID"),na=i(" is unique like if you are planning to use multiple maps on the same page consider having different mapID"),ta=u(),pa=t("div"),ea=t("div"),k(oa.$$.fragment),this.h()},l(a){h('[data-svelte="svelte-1zskho"]',document.head).forEach(o),s=m(a),n=p(a,"DIV",{class:!0});var t=e(n);D=p(t,"DIV",{class:!0});var c=e(D);I=p(c,"DIV",{class:!0});var l=e(I);x=p(l,"H4",{});var r=e(x);M=f(r,"Quick Start"),r.forEach(o),S=m(l),H=p(l,"P",{});var u=e(H);P=f(u,"Svelte wrapper for leaflet. To use in "),V=p(u,"A",{href:!0});var i=e(V);j=f(i,"svelte"),i.forEach(o),q=f(u,".\n For bugs and suggestions please file issue "),L=p(u,"A",{href:!0});var k=e(L);Q=f(k,"here"),k.forEach(o),u.forEach(o),T=m(l),A=p(l,"PRE",{});var v=e(A);C=f(v,"npm i @anoram/leaflet-svelte"),v.forEach(o),F=m(l),O=p(l,"P",{});var d=e(O);R=f(d,"Have "),z=p(d,"CODE",{});var E=e(z);B=f(E,""),E.forEach(o),K=f(d," a child of a div and supply\n custom css for height/width."),d.forEach(o),N=m(l),U=p(l,"H4",{});var $=e(U);W=f($,"Minimal Example"),$.forEach(o),X=m(l),g(Y.$$.fragment,l),Z=m(l),_=p(l,"P",{});var b=e(_);aa=p(b,"CODE",{});var y=e(aa);sa=f(y,"mapID"),y.forEach(o),na=f(b," is unique like if you are planning to use multiple maps on the same page consider having different mapID"),b.forEach(o),l.forEach(o),ta=m(c),pa=p(c,"DIV",{class:!0});var w=e(pa);ea=p(w,"DIV",{class:!0});var ca=e(ea);g(oa.$$.fragment,ca),ca.forEach(o),w.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Home Quick Start with leaflet on Svelte",c(V,"href","https://github.com/anoram/leaflet-svelte"),c(L,"href","https://github.com/anoram/leaflet-svelte"),c(I,"class","col-6"),c(ea,"class","map svelte-dt8ylx"),c(pa,"class","col-6"),c(D,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,D),v(D,I),v(I,x),v(x,M),v(I,S),v(I,H),v(H,P),v(H,V),v(V,j),v(H,q),v(H,L),v(L,Q),v(I,T),v(I,A),v(A,C),v(I,F),v(I,O),v(O,R),v(O,z),v(z,B),v(z,G),v(z,J),v(O,K),v(I,N),v(I,U),v(U,W),v(I,X),d(Y,I,null),v(I,Z),v(I,_),v(_,aa),v(aa,sa),v(_,na),v(D,ta),v(D,pa),v(pa,ea),d(oa,ea,null),ca=!0},p:r,i(a){ca||(E(Y.$$.fragment,a),E(oa.$$.fragment,a),ca=!0)},o(a){$(Y.$$.fragment,a),$(oa.$$.fragment,a),ca=!1},d(a){a&&o(s),a&&o(n),b(Y),b(oa)}}}function x(a){return[{center:[13,80],markers:[{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,x,I,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/index.deb1472f.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as h,j as m,k as f,l as g,m as v,o as d,p as E,r as $,u as y}from"./client.cad504f2.js";import{L as D}from"./Leaflet.399e6cc7.js";function w(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\nimport Map from \'@anoram/leaflet-svelte\'\nlet options={\n center: [13,80],\n markers: [\n {\n lat: 13,\n lng: 80\n }\n ],\n mapID: "map"\n}\n</script>\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n</style>\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class I extends a{constructor(a){super(),s(this,a,null,w,n,{})}}function b(a){let s,n,w,b,x,M,S,H,P,V,j,q,L,Q,T,A,C,F,O,R,z,B,G,J,K,N,U,W,X,Y,Z,_,aa,sa,na,ta,pa,ea,oa,ca,la="{options}";return Y=new I({}),oa=new D({props:{options:a[0]}}),{c(){s=u(),n=t("div"),w=t("div"),b=t("div"),x=t("h4"),M=i("Quick Start"),S=u(),H=t("p"),P=i("Svelte wrapper for leaflet. To use in "),V=t("a"),j=i("svelte"),q=i(".\n For bugs and suggestions please file issue "),L=t("a"),Q=i("here"),T=u(),A=t("pre"),C=i("npm i @anoram/leaflet-svelte"),F=u(),O=t("p"),R=i("Have "),z=t("code"),B=i(""),K=i(" a child of a div and supply\n custom css for height/width."),N=u(),U=t("h4"),W=i("Minimal Example"),X=u(),k(Y.$$.fragment),Z=u(),_=t("p"),aa=t("code"),sa=i("mapID"),na=i(" is unique like if you are planning to use multiple maps on the same page consider having different mapID"),ta=u(),pa=t("div"),ea=t("div"),k(oa.$$.fragment),this.h()},l(a){h('[data-svelte="svelte-1zskho"]',document.head).forEach(o),s=m(a),n=p(a,"DIV",{class:!0});var t=e(n);w=p(t,"DIV",{class:!0});var c=e(w);b=p(c,"DIV",{class:!0});var l=e(b);x=p(l,"H4",{});var r=e(x);M=f(r,"Quick Start"),r.forEach(o),S=m(l),H=p(l,"P",{});var u=e(H);P=f(u,"Svelte wrapper for leaflet. To use in "),V=p(u,"A",{href:!0});var i=e(V);j=f(i,"svelte"),i.forEach(o),q=f(u,".\n For bugs and suggestions please file issue "),L=p(u,"A",{href:!0});var k=e(L);Q=f(k,"here"),k.forEach(o),u.forEach(o),T=m(l),A=p(l,"PRE",{});var v=e(A);C=f(v,"npm i @anoram/leaflet-svelte"),v.forEach(o),F=m(l),O=p(l,"P",{});var d=e(O);R=f(d,"Have "),z=p(d,"CODE",{});var E=e(z);B=f(E,""),E.forEach(o),K=f(d," a child of a div and supply\n custom css for height/width."),d.forEach(o),N=m(l),U=p(l,"H4",{});var $=e(U);W=f($,"Minimal Example"),$.forEach(o),X=m(l),g(Y.$$.fragment,l),Z=m(l),_=p(l,"P",{});var y=e(_);aa=p(y,"CODE",{});var D=e(aa);sa=f(D,"mapID"),D.forEach(o),na=f(y," is unique like if you are planning to use multiple maps on the same page consider having different mapID"),y.forEach(o),l.forEach(o),ta=m(c),pa=p(c,"DIV",{class:!0});var I=e(pa);ea=p(I,"DIV",{class:!0});var ca=e(ea);g(oa.$$.fragment,ca),ca.forEach(o),I.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Home Quick Start with leaflet on Svelte",c(V,"href","https://github.com/anoram/leaflet-svelte"),c(L,"href","https://github.com/anoram/leaflet-svelte"),c(b,"class","col-6"),c(ea,"class","map svelte-dt8ylx"),c(pa,"class","col-6"),c(w,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,w),v(w,b),v(b,x),v(x,M),v(b,S),v(b,H),v(H,P),v(H,V),v(V,j),v(H,q),v(H,L),v(L,Q),v(b,T),v(b,A),v(A,C),v(b,F),v(b,O),v(O,R),v(O,z),v(z,B),v(z,G),v(z,J),v(O,K),v(b,N),v(b,U),v(U,W),v(b,X),d(Y,b,null),v(b,Z),v(b,_),v(_,aa),v(aa,sa),v(_,na),v(w,ta),v(w,pa),v(pa,ea),d(oa,ea,null),ca=!0},p:r,i(a){ca||(E(Y.$$.fragment,a),E(oa.$$.fragment,a),ca=!0)},o(a){$(Y.$$.fragment,a),$(oa.$$.fragment,a),ca=!1},d(a){a&&o(s),a&&o(n),y(Y),y(oa)}}}function x(a){return[{center:[13,80],markers:[{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,x,b,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/shimport@1.0.1.js:
--------------------------------------------------------------------------------
1 | var __shimport__=function(n){"use strict";function t(n,t){for(var r=n.length;r--;)if(n[r].name===t)return n[r].as}var r=/\b(case|default|delete|do|else|in|instanceof|new|return|throw|typeof|void)\s*$/,e=/(^|\{|\(|\[\.|;|,|<|>|<=|>=|==|!=|===|!==|\+|-|\*\%|<<|>>|>>>|&|\||\^|!|~|&&|\|\||\?|:|=|\+=|-=|\*=|%=|<<=|>>=|>>>=|&=|\|=|\^=|\/=|\/)\s*$/,u=/(\}|\)|\+\+|--)\s*$/,o=/[{}()[.;,<>=+\-*%&|\^!~?:\/]/,a=/[a-zA-Z_$0-9]/,i={" ":1,"\t":1,"\n":1,"\r":1,"\f":1,"\v":1," ":1,"\u2028":1,"\u2029":1};function s(n){return n in i}function f(n){return"'"===n||'"'===n}var c=/^\*\s+as\s+(\w+)$/,l=/(\w+)\s*,\s*\*\s*as\s*(\w+)$/,d=/(\w+)\s*,\s*{(.+)}$/;function p(n){return n?n.split(",").map(function(n){var t=n.trim().split(/[^\S]+/),r=t[0];return{name:r,as:t[2]||r}}):[]}function m(n,r){for(var e=r,u=r+=6;n[r]&&s(n[r]);)r+=1;for(;n[r]&&!f(n[r]);)r+=1;for(var o=r,a=r+=1;n[r]&&!f(n[r]);)r+=1;var i=r++;return function(n,r,e,u,o){var a=t(u,"*")||t(u,"default");return{start:r,end:e,source:o,name:a,toString:function(t){var a=t.get(o);return(u.sort(function(n,t){return"default"===n.name?1:"default"===t.name?-1:void 0}).map(function(n){return"*"===n.name?null:"default"===n.name&&n.as===a?n.as+" = "+a+".default;":"var "+n.as+" = "+a+"."+n.name+";"}).join(" ")+" /*"+n.slice(r,e)+"*/").trim()}}}(n,e,r,function(n){var t=c.exec(n);return t?[{name:"*",as:t[1]}]:(t=l.exec(n))?[{name:"default",as:t[1]},{name:"*",as:t[2]}]:(t=d.exec(n))?[{name:"default",as:t[1]}].concat(p(t[2].trim())):"{"===n[0]?p(n.slice(1,-1).trim()):n?[{name:"default",as:n}]:[]}(n.slice(u,o).replace(/from\s*$/,"").trim()),n.slice(a,i))}function v(n,t){var r=t;for(t+=6;n[t]&&s(n[t]);)t+=1;var e=t;if("{"===n[t]){for(;"}"!==n[t];)t+=1;for(var u=t+=1,a=null;s(n[t]);)t+=1;if(/^from[\s\n'"]/.test(n.slice(t,t+5))){for(t+=4;s(n[t]);)t+=1;for(;n[t]&&!f(n[t]);)t+=1;for(var i=t+=1;n[t]&&!f(n[t]);)t+=1;a=n.slice(i,t),t+=1}return function(n,t,r,e,u,o){var a=p(n.slice(r+1,e-1).trim());return{start:t,end:u,source:o,toString:function(r){var e=r.get(o);return a.map(function(n){return"__exports."+n.as+" = "+(e?e+"."+n.name:n.name)+"; "}).join("")+"/*"+n.slice(t,u)+"*/"}}}(n,r,e,u,t,a)}if("*"===n[t]){for(t+=1;s(n[t]);)t+=1;for(t+=4;n[t]&&!f(n[t]);)t+=1;for(i=t+=1;n[t]&&!f(n[t]);)t+=1;var c=t++;return function(n,t,r,e){return{start:t,end:r,source:e,toString:function(u){return"Object.assign(__exports, "+u.get(e)+"); /*"+n.slice(t,r)+"*/"}}}(n,r,t,n.slice(i,c))}return/^default\b/.test(n.slice(t,t+8))?function(n,t,r){var e=/^\s*(?:(class)(\s+extends|\s*{)|(function)\s*\()/.exec(n.slice(r));if(e){r+=e[0].length;var u="__default_export";return{start:t,end:r,name:u,as:"default",toString:function(){return e[1]?"class "+u+e[2]:"function "+u+"("}}}return{start:t,end:r,toString:function(){return"__exports.default ="}}}(n,r,e+7):function(n,t,r){for(var e=r;n[r]&&/\S/.test(n[r]);)r+=1;for(;n[r]&&!/\S/.test(n[r]);)r+=1;for(var u=r;n[r]&&!o.test(n[r])&&!s(n[r]);)r+=1;var a=r;return{start:t,end:e,name:n.slice(u,a),toString:function(){return""}}}(n,r,e)}function h(n){var t,i=!0,f=!1,c=[],l=-1,d=function(){return n[l]},p={},h={},_=0,g=[],x=[],w=[];for(var S={pattern:/(?:(\()|(\))|({)|(})|(")|(')|(\/\/)|(\/\*)|(\/)|(`)|(import)|(export)|(\+\+|--))/g,handlers:[function(n){l=n,h[_++]=n},function(n){l=n,p[n]=h[--_]},function(n){l=n,c.push(S)},function(n){return l=n,c.pop()},function(n){return c.push(S),R},function(n){return c.push(S),U},function(n){return L},function(n){return A},function(t){for(var f=t;f>0&&s(n[f-1]);)f-=1;if(f>0){var c=f;if(o.test(n[c-1]))for(;c>0&&o.test(n[c-1]);)c-=1;else for(;c>0&&a.test(n[c-1]);)c-=1;var m=n.slice(c,f);i=!!m&&(r.test(m)||e.test(m)||u.test(m)&&!function(){if(")"===d()){for(var t=p[l];s(n[t-1]);)t-=1;return!/(if|while)$/.test(n.slice(t-5,t))}return!0}())}else i=!0;return $},function(n){return E},function(t){if(0===t||s(n[t-1])||o.test(n[t-1]))if(/import[\s\n{"']/.test(n.slice(t,t+7))){var r=m(n,t);g.push(r),z=r.end}else if("import("===n.slice(t,t+7)){var e=function(n){return{start:n,end:n+6,toString:function(){return"__import"}}}(t);x.push(e),z=e.end}},function(t){if((0===t||s(n[t-1])||o.test(n[t-1]))&&/export[\s\n{]/.test(n.slice(t,t+7))){var r=v(n,t);w.push(r),z=r.end}},function(t){f=!f&&"+"===n[t-1]}]},$={pattern:/(?:(\[)|(\\)|(.))/g,handlers:[function(n){return i?y:S},function(n){return t=b,j},function(n){return i&&!f?b:S}]},b={pattern:/(?:(\[)|(\\)|(\/))/g,handlers:[function(){return y},function(){return t=b,j},function(){return S}]},y={pattern:/(?:(\])|(\\))/g,handlers:[function(){return b},function(){return t=y,j}]},R={pattern:/(?:(\\)|("))/g,handlers:[function(){return t=R,j},function(){return c.pop()}]},U={pattern:/(?:(\\)|('))/g,handlers:[function(){return t=U,j},function(){return c.pop()}]},j={pattern:/(.)/g,handlers:[function(){return t}]},E={pattern:/(?:(\${)|(\\)|(`))/g,handlers:[function(){return c.push(E),S},function(){return t=E,j},function(){return S}]},L={pattern:/((?:\n|$))/g,handlers:[function(){return S}]},A={pattern:/(\*\/)/g,handlers:[function(){return S}]},k=S,z=0;zLeaflet custom tileLayer for different themes check out this collection.
<script>
2 | import Map from "@anoram/leaflet-svelte";
3 | let options = {
4 | center: [13, 80],
5 | markers: [
6 | {
7 | lat: 13,
8 | lng: 80,
9 | },
10 | ],
11 | mapID: "map",
12 | tilelayers: [
13 | {
14 | url: "https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",
15 | attribution: `© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, Tiles style by <a href="https://www.hotosm.org/" target="_blank">Humanitarian OpenStreetMap Team</a> hosted by <a href="https://openstreetmap.fr/" target="_blank">OpenStreetMap France</a>`,
16 | }
17 | ],
18 | };
19 |
20 | </script>
21 |
22 | <style>
23 | .map {
24 | height: 600px;
25 | width: auto;
26 | }
27 |
28 | </style>
29 |
30 |
31 | <div class="map">
32 | <Map {options} />
33 | </div>Some services require API keys.
Disables mouse wheel intereactions for zoom and allows only zoom via controls.
<script>
2 | import Map from "@anoram/leaflet-svelte";
3 | let options = {
4 | recenter: true,
5 | zoom: 5,
6 | markers: [
7 | {
8 | lat: 8,
9 | lng: 8,
10 | },
11 | {
12 | lat: 13,
13 | lng: 80,
14 | },
15 | ],
16 | controls: {
17 | zoomControl: true,
18 | },
19 | scrollWheelZoom: false,
20 | mapID: "map",
21 | attributionControl: true,
22 | };
23 |
24 | </script>
25 |
26 | <style>
27 | .map {
28 | height: 600px;
29 | width: auto;
30 | }
31 |
32 | </style>
33 |
34 |
35 | <div class="map">
36 | <Map {options} />
37 | </div>scrollWheelZoom by default is true additionally you can remove the zoom control element by setting controls: {zoomControl: true } to false.
<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n markers: [\n {\n lat: 1,\n lng: 1,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n mapID: "map",\n\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class x extends a{constructor(a){super(),s(this,a,null,b,n,{})}}function D(a){let s,n,b,D,I,M,z,V,j,P,Z,q,C,H,L,N,O,R,A,S,T,B,F,G,J,K,Q,U,W,X,Y,_,aa,sa,na;return N=new x({}),sa=new y({props:{options:a[0]}}),{c(){s=u(),n=t("div"),b=t("div"),D=t("div"),I=t("a"),M=i("←Examples"),z=u(),V=t("h4"),j=i("Multiple markers that are far apart "),P=t("span"),Z=i("@0.0.4^"),q=u(),C=t("p"),H=i("Recenter and set map view to center of both the locations or a set of\r\n markers."),L=u(),k(N.$$.fragment),O=u(),R=t("h4"),A=i("Note"),S=u(),T=t("p"),B=t("code"),F=i("recenter"),G=i(" by default is false, setting it to true and "),J=t("code"),K=i("maxZoom/minZoom"),Q=i("\r\n values will not work, however if you give value for "),U=t("code"),W=i("zoom"),X=i(" it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),Y=u(),_=t("div"),aa=t("div"),k(sa.$$.fragment),this.h()},l(a){m('[data-svelte="svelte-uezrq0"]',document.head).forEach(o),s=h(a),n=p(a,"DIV",{class:!0});var t=e(n);b=p(t,"DIV",{class:!0});var c=e(b);D=p(c,"DIV",{class:!0});var l=e(D);I=p(l,"A",{href:!0});var r=e(I);M=f(r,"←Examples"),r.forEach(o),z=h(l),V=p(l,"H4",{});var u=e(V);j=f(u,"Multiple markers that are far apart "),P=p(u,"SPAN",{class:!0});var i=e(P);Z=f(i,"@0.0.4^"),i.forEach(o),u.forEach(o),q=h(l),C=p(l,"P",{});var k=e(C);H=f(k,"Recenter and set map view to center of both the locations or a set of\r\n markers."),k.forEach(o),L=h(l),g(N.$$.fragment,l),O=h(l),R=p(l,"H4",{});var v=e(R);A=f(v,"Note"),v.forEach(o),S=h(l),T=p(l,"P",{});var d=e(T);B=p(d,"CODE",{});var E=e(B);F=f(E,"recenter"),E.forEach(o),G=f(d," by default is false, setting it to true and "),J=p(d,"CODE",{});var w=e(J);K=f(w,"maxZoom/minZoom"),w.forEach(o),Q=f(d,"\r\n values will not work, however if you give value for "),U=p(d,"CODE",{});var $=e(U);W=f($,"zoom"),$.forEach(o),X=f(d," it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),d.forEach(o),l.forEach(o),Y=h(c),_=p(c,"DIV",{class:!0});var y=e(_);aa=p(y,"DIV",{class:!0});var x=e(aa);g(sa.$$.fragment,x),x.forEach(o),y.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Multiple markers that are far apart",c(I,"href","examples"),c(P,"class","chip"),c(D,"class","col-6"),c(aa,"class","map svelte-dt8ylx"),c(_,"class","col-6"),c(b,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,b),v(b,D),v(D,I),v(I,M),v(D,z),v(D,V),v(V,j),v(V,P),v(P,Z),v(D,q),v(D,C),v(C,H),v(D,L),d(N,D,null),v(D,O),v(D,R),v(R,A),v(D,S),v(D,T),v(T,B),v(B,F),v(T,G),v(T,J),v(J,K),v(T,Q),v(T,U),v(U,W),v(T,X),v(b,Y),v(b,_),v(_,aa),d(sa,aa,null),na=!0},p:r,i(a){na||(E(N.$$.fragment,a),E(sa.$$.fragment,a),na=!0)},o(a){w(N.$$.fragment,a),w(sa.$$.fragment,a),na=!1},d(a){a&&o(s),a&&o(n),$(N),$(sa)}}}function I(a){return[{recenter:!0,markers:[{lat:1,lng:1},{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,I,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/autocenter.1dd29cbf.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as m,j as h,k as f,l as g,m as v,o as d,p as E,r as w,u as $}from"./client.27f5503e.js";import{L as y}from"./Leaflet.764aae6b.js";function b(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n markers: [\n {\n lat: 1,\n lng: 1,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n mapID: "map",\n\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class x extends a{constructor(a){super(),s(this,a,null,b,n,{})}}function D(a){let s,n,b,D,I,M,z,V,j,P,Z,q,C,H,L,N,O,R,A,S,T,B,F,G,J,K,Q,U,W,X,Y,_,aa,sa,na;return N=new x({}),sa=new y({props:{options:a[0]}}),{c(){s=u(),n=t("div"),b=t("div"),D=t("div"),I=t("a"),M=i("←Examples"),z=u(),V=t("h4"),j=i("Multiple markers that are far apart "),P=t("span"),Z=i("@0.0.4^"),q=u(),C=t("p"),H=i("Recenter and set map view to center of both the locations or a set of\r\n markers."),L=u(),k(N.$$.fragment),O=u(),R=t("h4"),A=i("Note"),S=u(),T=t("p"),B=t("code"),F=i("recenter"),G=i(" by default is false, setting it to true and "),J=t("code"),K=i("maxZoom/minZoom"),Q=i("\r\n values will not work, however if you give value for "),U=t("code"),W=i("zoom"),X=i(" it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),Y=u(),_=t("div"),aa=t("div"),k(sa.$$.fragment),this.h()},l(a){m('[data-svelte="svelte-uezrq0"]',document.head).forEach(o),s=h(a),n=p(a,"DIV",{class:!0});var t=e(n);b=p(t,"DIV",{class:!0});var c=e(b);D=p(c,"DIV",{class:!0});var l=e(D);I=p(l,"A",{href:!0});var r=e(I);M=f(r,"←Examples"),r.forEach(o),z=h(l),V=p(l,"H4",{});var u=e(V);j=f(u,"Multiple markers that are far apart "),P=p(u,"SPAN",{class:!0});var i=e(P);Z=f(i,"@0.0.4^"),i.forEach(o),u.forEach(o),q=h(l),C=p(l,"P",{});var k=e(C);H=f(k,"Recenter and set map view to center of both the locations or a set of\r\n markers."),k.forEach(o),L=h(l),g(N.$$.fragment,l),O=h(l),R=p(l,"H4",{});var v=e(R);A=f(v,"Note"),v.forEach(o),S=h(l),T=p(l,"P",{});var d=e(T);B=p(d,"CODE",{});var E=e(B);F=f(E,"recenter"),E.forEach(o),G=f(d," by default is false, setting it to true and "),J=p(d,"CODE",{});var w=e(J);K=f(w,"maxZoom/minZoom"),w.forEach(o),Q=f(d,"\r\n values will not work, however if you give value for "),U=p(d,"CODE",{});var $=e(U);W=f($,"zoom"),$.forEach(o),X=f(d," it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),d.forEach(o),l.forEach(o),Y=h(c),_=p(c,"DIV",{class:!0});var y=e(_);aa=p(y,"DIV",{class:!0});var x=e(aa);g(sa.$$.fragment,x),x.forEach(o),y.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Multiple markers that are far apart",c(I,"href","examples"),c(P,"class","chip"),c(D,"class","col-6"),c(aa,"class","map svelte-dt8ylx"),c(_,"class","col-6"),c(b,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,b),v(b,D),v(D,I),v(I,M),v(D,z),v(D,V),v(V,j),v(V,P),v(P,Z),v(D,q),v(D,C),v(C,H),v(D,L),d(N,D,null),v(D,O),v(D,R),v(R,A),v(D,S),v(D,T),v(T,B),v(B,F),v(T,G),v(T,J),v(J,K),v(T,Q),v(T,U),v(U,W),v(T,X),v(b,Y),v(b,_),v(_,aa),d(sa,aa,null),na=!0},p:r,i(a){na||(E(N.$$.fragment,a),E(sa.$$.fragment,a),na=!0)},o(a){w(N.$$.fragment,a),w(sa.$$.fragment,a),na=!1},d(a){a&&o(s),a&&o(n),$(N),$(sa)}}}function I(a){return[{recenter:!0,markers:[{lat:1,lng:1},{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,I,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/autocenter.4d4d70e7.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as m,j as h,k as f,l as g,m as v,o as d,p as E,r as w,u as $}from"./client.cad504f2.js";import{L as y}from"./Leaflet.399e6cc7.js";function b(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n markers: [\n {\n lat: 1,\n lng: 1,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n mapID: "map",\n\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class x extends a{constructor(a){super(),s(this,a,null,b,n,{})}}function D(a){let s,n,b,D,I,M,z,V,j,P,Z,q,C,H,L,N,O,R,A,S,T,B,F,G,J,K,Q,U,W,X,Y,_,aa,sa,na;return N=new x({}),sa=new y({props:{options:a[0]}}),{c(){s=u(),n=t("div"),b=t("div"),D=t("div"),I=t("a"),M=i("←Examples"),z=u(),V=t("h4"),j=i("Multiple markers that are far apart "),P=t("span"),Z=i("@0.0.4^"),q=u(),C=t("p"),H=i("Recenter and set map view to center of both the locations or a set of\r\n markers."),L=u(),k(N.$$.fragment),O=u(),R=t("h4"),A=i("Note"),S=u(),T=t("p"),B=t("code"),F=i("recenter"),G=i(" by default is false, setting it to true and "),J=t("code"),K=i("maxZoom/minZoom"),Q=i("\r\n values will not work, however if you give value for "),U=t("code"),W=i("zoom"),X=i(" it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),Y=u(),_=t("div"),aa=t("div"),k(sa.$$.fragment),this.h()},l(a){m('[data-svelte="svelte-uezrq0"]',document.head).forEach(o),s=h(a),n=p(a,"DIV",{class:!0});var t=e(n);b=p(t,"DIV",{class:!0});var c=e(b);D=p(c,"DIV",{class:!0});var l=e(D);I=p(l,"A",{href:!0});var r=e(I);M=f(r,"←Examples"),r.forEach(o),z=h(l),V=p(l,"H4",{});var u=e(V);j=f(u,"Multiple markers that are far apart "),P=p(u,"SPAN",{class:!0});var i=e(P);Z=f(i,"@0.0.4^"),i.forEach(o),u.forEach(o),q=h(l),C=p(l,"P",{});var k=e(C);H=f(k,"Recenter and set map view to center of both the locations or a set of\r\n markers."),k.forEach(o),L=h(l),g(N.$$.fragment,l),O=h(l),R=p(l,"H4",{});var v=e(R);A=f(v,"Note"),v.forEach(o),S=h(l),T=p(l,"P",{});var d=e(T);B=p(d,"CODE",{});var E=e(B);F=f(E,"recenter"),E.forEach(o),G=f(d," by default is false, setting it to true and "),J=p(d,"CODE",{});var w=e(J);K=f(w,"maxZoom/minZoom"),w.forEach(o),Q=f(d,"\r\n values will not work, however if you give value for "),U=p(d,"CODE",{});var $=e(U);W=f($,"zoom"),$.forEach(o),X=f(d," it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),d.forEach(o),l.forEach(o),Y=h(c),_=p(c,"DIV",{class:!0});var y=e(_);aa=p(y,"DIV",{class:!0});var x=e(aa);g(sa.$$.fragment,x),x.forEach(o),y.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Multiple markers that are far apart",c(I,"href","examples"),c(P,"class","chip"),c(D,"class","col-6"),c(aa,"class","map svelte-dt8ylx"),c(_,"class","col-6"),c(b,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,b),v(b,D),v(D,I),v(I,M),v(D,z),v(D,V),v(V,j),v(V,P),v(P,Z),v(D,q),v(D,C),v(C,H),v(D,L),d(N,D,null),v(D,O),v(D,R),v(R,A),v(D,S),v(D,T),v(T,B),v(B,F),v(T,G),v(T,J),v(J,K),v(T,Q),v(T,U),v(U,W),v(T,X),v(b,Y),v(b,_),v(_,aa),d(sa,aa,null),na=!0},p:r,i(a){na||(E(N.$$.fragment,a),E(sa.$$.fragment,a),na=!0)},o(a){w(N.$$.fragment,a),w(sa.$$.fragment,a),na=!1},d(a){a&&o(s),a&&o(n),$(N),$(sa)}}}function I(a){return[{recenter:!0,markers:[{lat:1,lng:1},{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,I,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/autocenter.72f27238.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as m,j as h,k as f,l as g,m as v,o as d,p as E,r as w,u as $}from"./client.bba8b1e3.js";import{L as b}from"./Leaflet.1fd8bc0e.js";function y(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n markers: [\n {\n lat: 1,\n lng: 1,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n mapID: "map",\n\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class x extends a{constructor(a){super(),s(this,a,null,y,n,{})}}function D(a){let s,n,y,D,I,M,z,V,j,P,Z,q,C,H,L,N,O,R,A,S,T,B,F,G,J,K,Q,U,W,X,Y,_,aa,sa,na;return N=new x({}),sa=new b({props:{options:a[0]}}),{c(){s=u(),n=t("div"),y=t("div"),D=t("div"),I=t("a"),M=i("←Examples"),z=u(),V=t("h4"),j=i("Multiple markers that are far apart "),P=t("span"),Z=i("@0.0.4^"),q=u(),C=t("p"),H=i("Recenter and set map view to center of both the locations or a set of\r\n markers."),L=u(),k(N.$$.fragment),O=u(),R=t("h4"),A=i("Note"),S=u(),T=t("p"),B=t("code"),F=i("recenter"),G=i(" by default is false, setting it to true and "),J=t("code"),K=i("maxZoom/minZoom"),Q=i("\r\n values will not work, however if you give value for "),U=t("code"),W=i("zoom"),X=i(" it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),Y=u(),_=t("div"),aa=t("div"),k(sa.$$.fragment),this.h()},l(a){m('[data-svelte="svelte-uezrq0"]',document.head).forEach(o),s=h(a),n=p(a,"DIV",{class:!0});var t=e(n);y=p(t,"DIV",{class:!0});var c=e(y);D=p(c,"DIV",{class:!0});var l=e(D);I=p(l,"A",{href:!0});var r=e(I);M=f(r,"←Examples"),r.forEach(o),z=h(l),V=p(l,"H4",{});var u=e(V);j=f(u,"Multiple markers that are far apart "),P=p(u,"SPAN",{class:!0});var i=e(P);Z=f(i,"@0.0.4^"),i.forEach(o),u.forEach(o),q=h(l),C=p(l,"P",{});var k=e(C);H=f(k,"Recenter and set map view to center of both the locations or a set of\r\n markers."),k.forEach(o),L=h(l),g(N.$$.fragment,l),O=h(l),R=p(l,"H4",{});var v=e(R);A=f(v,"Note"),v.forEach(o),S=h(l),T=p(l,"P",{});var d=e(T);B=p(d,"CODE",{});var E=e(B);F=f(E,"recenter"),E.forEach(o),G=f(d," by default is false, setting it to true and "),J=p(d,"CODE",{});var w=e(J);K=f(w,"maxZoom/minZoom"),w.forEach(o),Q=f(d,"\r\n values will not work, however if you give value for "),U=p(d,"CODE",{});var $=e(U);W=f($,"zoom"),$.forEach(o),X=f(d," it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),d.forEach(o),l.forEach(o),Y=h(c),_=p(c,"DIV",{class:!0});var b=e(_);aa=p(b,"DIV",{class:!0});var x=e(aa);g(sa.$$.fragment,x),x.forEach(o),b.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Multiple markers that are far apart",c(I,"href","examples"),c(P,"class","chip"),c(D,"class","col-6"),c(aa,"class","map svelte-dt8ylx"),c(_,"class","col-6"),c(y,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,y),v(y,D),v(D,I),v(I,M),v(D,z),v(D,V),v(V,j),v(V,P),v(P,Z),v(D,q),v(D,C),v(C,H),v(D,L),d(N,D,null),v(D,O),v(D,R),v(R,A),v(D,S),v(D,T),v(T,B),v(B,F),v(T,G),v(T,J),v(J,K),v(T,Q),v(T,U),v(U,W),v(T,X),v(y,Y),v(y,_),v(_,aa),d(sa,aa,null),na=!0},p:r,i(a){na||(E(N.$$.fragment,a),E(sa.$$.fragment,a),na=!0)},o(a){w(N.$$.fragment,a),w(sa.$$.fragment,a),na=!1},d(a){a&&o(s),a&&o(n),$(N),$(sa)}}}function I(a){return[{recenter:!0,markers:[{lat:1,lng:1},{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,I,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/autocenter.f9d22676.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as p,a as e,d as o,b as c,f as l,n as r,g as u,t as i,h as k,q as m,j as f,k as h,l as g,m as v,o as d,p as E,r as w,u as $}from"./client.47f8a5db.js";import{L as y}from"./Leaflet.6481def0.js";function b(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=p(a,"PRE",{class:!0}),e(s).forEach(o),this.h()},h(){c(s,"class","language-html")},m(a,n){l(a,s,n),s.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n markers: [\n {\n lat: 1,\n lng: 1,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n mapID: "map",\n\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&o(s)}}}class x extends a{constructor(a){super(),s(this,a,null,b,n,{})}}function D(a){let s,n,b,D,I,M,z,V,j,P,Z,q,C,H,L,N,O,R,A,S,T,B,F,G,J,K,Q,U,W,X,Y,_,aa,sa,na;return N=new x({}),sa=new y({props:{options:a[0]}}),{c(){s=u(),n=t("div"),b=t("div"),D=t("div"),I=t("a"),M=i("←Examples"),z=u(),V=t("h4"),j=i("Multiple markers that are far apart "),P=t("span"),Z=i("@0.0.4^"),q=u(),C=t("p"),H=i("Recenter and set map view to center of both the locations or a set of\r\n markers."),L=u(),k(N.$$.fragment),O=u(),R=t("h4"),A=i("Note"),S=u(),T=t("p"),B=t("code"),F=i("recenter"),G=i(" by default is false, setting it to true and "),J=t("code"),K=i("maxZoom/minZoom"),Q=i("\r\n values will not work, however if you give value for "),U=t("code"),W=i("zoom"),X=i(" it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),Y=u(),_=t("div"),aa=t("div"),k(sa.$$.fragment),this.h()},l(a){m('[data-svelte="svelte-uezrq0"]',document.head).forEach(o),s=f(a),n=p(a,"DIV",{class:!0});var t=e(n);b=p(t,"DIV",{class:!0});var c=e(b);D=p(c,"DIV",{class:!0});var l=e(D);I=p(l,"A",{href:!0});var r=e(I);M=h(r,"←Examples"),r.forEach(o),z=f(l),V=p(l,"H4",{});var u=e(V);j=h(u,"Multiple markers that are far apart "),P=p(u,"SPAN",{class:!0});var i=e(P);Z=h(i,"@0.0.4^"),i.forEach(o),u.forEach(o),q=f(l),C=p(l,"P",{});var k=e(C);H=h(k,"Recenter and set map view to center of both the locations or a set of\r\n markers."),k.forEach(o),L=f(l),g(N.$$.fragment,l),O=f(l),R=p(l,"H4",{});var v=e(R);A=h(v,"Note"),v.forEach(o),S=f(l),T=p(l,"P",{});var d=e(T);B=p(d,"CODE",{});var E=e(B);F=h(E,"recenter"),E.forEach(o),G=h(d," by default is false, setting it to true and "),J=p(d,"CODE",{});var w=e(J);K=h(w,"maxZoom/minZoom"),w.forEach(o),Q=h(d,"\r\n values will not work, however if you give value for "),U=p(d,"CODE",{});var $=e(U);W=h($,"zoom"),$.forEach(o),X=h(d," it\r\n will reset and zoom the map as far as it can go and have all markers in the view."),d.forEach(o),l.forEach(o),Y=f(c),_=p(c,"DIV",{class:!0});var y=e(_);aa=p(y,"DIV",{class:!0});var x=e(aa);g(sa.$$.fragment,x),x.forEach(o),y.forEach(o),c.forEach(o),t.forEach(o),this.h()},h(){document.title="Multiple markers that are far apart",c(I,"href","examples"),c(P,"class","chip"),c(D,"class","col-6"),c(aa,"class","map svelte-dt8ylx"),c(_,"class","col-6"),c(b,"class","row is-center"),c(n,"class","container")},m(a,t){l(a,s,t),l(a,n,t),v(n,b),v(b,D),v(D,I),v(I,M),v(D,z),v(D,V),v(V,j),v(V,P),v(P,Z),v(D,q),v(D,C),v(C,H),v(D,L),d(N,D,null),v(D,O),v(D,R),v(R,A),v(D,S),v(D,T),v(T,B),v(B,F),v(T,G),v(T,J),v(J,K),v(T,Q),v(T,U),v(U,W),v(T,X),v(b,Y),v(b,_),v(_,aa),d(sa,aa,null),na=!0},p:r,i(a){na||(E(N.$$.fragment,a),E(sa.$$.fragment,a),na=!0)},o(a){w(N.$$.fragment,a),w(sa.$$.fragment,a),na=!1},d(a){a&&o(s),a&&o(n),$(N),$(sa)}}}function I(a){return[{recenter:!0,markers:[{lat:1,lng:1},{lat:13,lng:80}],mapID:"map"}]}export default class extends a{constructor(a){super(),s(this,a,I,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/disablescrollwheelzoom.165d01fa.js:
--------------------------------------------------------------------------------
1 | import{S as s,i as a,s as n,e as t,c as o,a as p,d as e,b as l,f as c,n as r,g as u,t as i,h as k,q as m,j as h,k as f,l as g,m as d,o as v,p as b,r as E,u as y}from"./client.a52649eb.js";import{L as $}from"./Leaflet.1975f146.js";function z(s){let a;return{c(){a=t("pre"),this.h()},l(s){a=o(s,"PRE",{class:!0}),p(a).forEach(e),this.h()},h(){l(a,"class","language-html")},m(s,n){c(s,a,n),a.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n zoom: 5,\n markers: [\n {\n lat: 8,\n lng: 8,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n controls: {\n zoomControl: true,\n },\n scrollWheelZoom: false,\n mapID: "map",\n attributionControl: true,\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(s){s&&e(a)}}}class w extends s{constructor(s){super(),a(this,s,null,z,n,{})}}function D(s){let a,n,z,D,x,C,I,V,j,P,W,Z,H,L,M,N,q,A,O,S,R,T,B,F,G,J,K,Q,U,X,Y,_,ss="controls: {zoomControl: true }";return N=new w({}),Y=new $({props:{options:s[0]}}),{c(){a=u(),n=t("div"),z=t("div"),D=t("div"),x=t("a"),C=i("←Examples"),I=u(),V=t("h4"),j=i("Disable scroll wheel zoom "),P=t("span"),W=i("@0.0.4^"),Z=u(),H=t("p"),L=i("Disables mouse wheel intereactions for zoom and allows only zoom via\r\n controls."),M=u(),k(N.$$.fragment),q=u(),A=t("h4"),O=i("Note"),S=u(),R=t("p"),T=t("code"),B=i("scrollWheelZoom"),F=i(" by default is true additionally you can remove the zoom control element by setting "),G=t("code"),J=i(ss),K=i(" to false."),Q=u(),U=t("div"),X=t("div"),k(Y.$$.fragment),this.h()},l(s){m('[data-svelte="svelte-50lzuc"]',document.head).forEach(e),a=h(s),n=o(s,"DIV",{class:!0});var t=p(n);z=o(t,"DIV",{class:!0});var l=p(z);D=o(l,"DIV",{class:!0});var c=p(D);x=o(c,"A",{href:!0});var r=p(x);C=f(r,"←Examples"),r.forEach(e),I=h(c),V=o(c,"H4",{});var u=p(V);j=f(u,"Disable scroll wheel zoom "),P=o(u,"SPAN",{class:!0});var i=p(P);W=f(i,"@0.0.4^"),i.forEach(e),u.forEach(e),Z=h(c),H=o(c,"P",{});var k=p(H);L=f(k,"Disables mouse wheel intereactions for zoom and allows only zoom via\r\n controls."),k.forEach(e),M=h(c),g(N.$$.fragment,c),q=h(c),A=o(c,"H4",{});var d=p(A);O=f(d,"Note"),d.forEach(e),S=h(c),R=o(c,"P",{});var v=p(R);T=o(v,"CODE",{});var b=p(T);B=f(b,"scrollWheelZoom"),b.forEach(e),F=f(v," by default is true additionally you can remove the zoom control element by setting "),G=o(v,"CODE",{});var E=p(G);J=f(E,ss),E.forEach(e),K=f(v," to false."),v.forEach(e),c.forEach(e),Q=h(l),U=o(l,"DIV",{class:!0});var y=p(U);X=o(y,"DIV",{class:!0});var $=p(X);g(Y.$$.fragment,$),$.forEach(e),y.forEach(e),l.forEach(e),t.forEach(e),this.h()},h(){document.title="Disable scroll wheel zoom",l(x,"href","examples"),l(P,"class","chip"),l(D,"class","col-6"),l(X,"class","map svelte-dt8ylx"),l(U,"class","col-6"),l(z,"class","row is-center"),l(n,"class","container")},m(s,t){c(s,a,t),c(s,n,t),d(n,z),d(z,D),d(D,x),d(x,C),d(D,I),d(D,V),d(V,j),d(V,P),d(P,W),d(D,Z),d(D,H),d(H,L),d(D,M),v(N,D,null),d(D,q),d(D,A),d(A,O),d(D,S),d(D,R),d(R,T),d(T,B),d(R,F),d(R,G),d(G,J),d(R,K),d(z,Q),d(z,U),d(U,X),v(Y,X,null),_=!0},p:r,i(s){_||(b(N.$$.fragment,s),b(Y.$$.fragment,s),_=!0)},o(s){E(N.$$.fragment,s),E(Y.$$.fragment,s),_=!1},d(s){s&&e(a),s&&e(n),y(N),y(Y)}}}function x(s){return[{recenter:!0,zoom:5,markers:[{lat:8,lng:8},{lat:13,lng:80}],controls:{zoomControl:!0},scrollWheelZoom:!1,mapID:"map",attributionControl:!0}]}export default class extends s{constructor(s){super(),a(this,s,x,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/disablescrollwheelzoom.770e47da.js:
--------------------------------------------------------------------------------
1 | import{S as a,i as s,s as n,e as t,c as o,a as p,d as e,b as l,f as c,n as r,g as u,t as i,h as k,q as m,j as h,k as f,l as g,m as d,o as v,p as b,r as E,u as y}from"./client.27f5503e.js";import{L as $}from"./Leaflet.764aae6b.js";function z(a){let s;return{c(){s=t("pre"),this.h()},l(a){s=o(a,"PRE",{class:!0}),p(s).forEach(e),this.h()},h(){l(s,"class","language-html")},m(a,n){c(a,s,n),s.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n zoom: 5,\n markers: [\n {\n lat: 8,\n lng: 8,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n controls: {\n zoomControl: true,\n },\n scrollWheelZoom: false,\n mapID: "map",\n attributionControl: true,\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(a){a&&e(s)}}}class w extends a{constructor(a){super(),s(this,a,null,z,n,{})}}function D(a){let s,n,z,D,x,C,I,V,j,P,W,Z,H,L,M,N,q,A,O,S,R,T,B,F,G,J,K,Q,U,X,Y,_,aa="controls: {zoomControl: true }";return N=new w({}),Y=new $({props:{options:a[0]}}),{c(){s=u(),n=t("div"),z=t("div"),D=t("div"),x=t("a"),C=i("←Examples"),I=u(),V=t("h4"),j=i("Disable scroll wheel zoom "),P=t("span"),W=i("@0.0.4^"),Z=u(),H=t("p"),L=i("Disables mouse wheel intereactions for zoom and allows only zoom via\r\n controls."),M=u(),k(N.$$.fragment),q=u(),A=t("h4"),O=i("Note"),S=u(),R=t("p"),T=t("code"),B=i("scrollWheelZoom"),F=i(" by default is true additionally you can remove the zoom control element by setting "),G=t("code"),J=i(aa),K=i(" to false."),Q=u(),U=t("div"),X=t("div"),k(Y.$$.fragment),this.h()},l(a){m('[data-svelte="svelte-50lzuc"]',document.head).forEach(e),s=h(a),n=o(a,"DIV",{class:!0});var t=p(n);z=o(t,"DIV",{class:!0});var l=p(z);D=o(l,"DIV",{class:!0});var c=p(D);x=o(c,"A",{href:!0});var r=p(x);C=f(r,"←Examples"),r.forEach(e),I=h(c),V=o(c,"H4",{});var u=p(V);j=f(u,"Disable scroll wheel zoom "),P=o(u,"SPAN",{class:!0});var i=p(P);W=f(i,"@0.0.4^"),i.forEach(e),u.forEach(e),Z=h(c),H=o(c,"P",{});var k=p(H);L=f(k,"Disables mouse wheel intereactions for zoom and allows only zoom via\r\n controls."),k.forEach(e),M=h(c),g(N.$$.fragment,c),q=h(c),A=o(c,"H4",{});var d=p(A);O=f(d,"Note"),d.forEach(e),S=h(c),R=o(c,"P",{});var v=p(R);T=o(v,"CODE",{});var b=p(T);B=f(b,"scrollWheelZoom"),b.forEach(e),F=f(v," by default is true additionally you can remove the zoom control element by setting "),G=o(v,"CODE",{});var E=p(G);J=f(E,aa),E.forEach(e),K=f(v," to false."),v.forEach(e),c.forEach(e),Q=h(l),U=o(l,"DIV",{class:!0});var y=p(U);X=o(y,"DIV",{class:!0});var $=p(X);g(Y.$$.fragment,$),$.forEach(e),y.forEach(e),l.forEach(e),t.forEach(e),this.h()},h(){document.title="Disable scroll wheel zoom",l(x,"href","examples"),l(P,"class","chip"),l(D,"class","col-6"),l(X,"class","map svelte-dt8ylx"),l(U,"class","col-6"),l(z,"class","row is-center"),l(n,"class","container")},m(a,t){c(a,s,t),c(a,n,t),d(n,z),d(z,D),d(D,x),d(x,C),d(D,I),d(D,V),d(V,j),d(V,P),d(P,W),d(D,Z),d(D,H),d(H,L),d(D,M),v(N,D,null),d(D,q),d(D,A),d(A,O),d(D,S),d(D,R),d(R,T),d(T,B),d(R,F),d(R,G),d(G,J),d(R,K),d(z,Q),d(z,U),d(U,X),v(Y,X,null),_=!0},p:r,i(a){_||(b(N.$$.fragment,a),b(Y.$$.fragment,a),_=!0)},o(a){E(N.$$.fragment,a),E(Y.$$.fragment,a),_=!1},d(a){a&&e(s),a&&e(n),y(N),y(Y)}}}function x(a){return[{recenter:!0,zoom:5,markers:[{lat:8,lng:8},{lat:13,lng:80}],controls:{zoomControl:!0},scrollWheelZoom:!1,mapID:"map",attributionControl:!0}]}export default class extends a{constructor(a){super(),s(this,a,x,D,n,{})}}
2 |
--------------------------------------------------------------------------------
/public/client/disablescrollwheelzoom.8872cf05.js:
--------------------------------------------------------------------------------
1 | import{S as s,i as a,s as n,e as t,c as o,a as p,d as e,b as l,f as c,n as r,g as u,t as i,h as k,q as m,j as h,k as f,l as g,m as d,o as v,p as b,r as E,u as y}from"./client.47f8a5db.js";import{L as $}from"./Leaflet.6481def0.js";function z(s){let a;return{c(){a=t("pre"),this.h()},l(s){a=o(s,"PRE",{class:!0}),p(a).forEach(e),this.h()},h(){l(a,"class","language-html")},m(s,n){c(s,a,n),a.innerHTML='<script>\n import Map from "@anoram/leaflet-svelte";\n let options = {\n recenter: true,\n zoom: 5,\n markers: [\n {\n lat: 8,\n lng: 8,\n },\n {\n lat: 13,\n lng: 80,\n },\n ],\n controls: {\n zoomControl: true,\n },\n scrollWheelZoom: false,\n mapID: "map",\n attributionControl: true,\n };\n \n</script>\n\n<style>\n .map {\n height: 600px;\n width: auto;\n }\n\n</style>\n\n\n<div class="map">\n <Map {options} />\n</div>'},p:r,i:r,o:r,d(s){s&&e(a)}}}class w extends s{constructor(s){super(),a(this,s,null,z,n,{})}}function D(s){let a,n,z,D,x,C,I,V,j,P,W,Z,H,L,M,N,q,A,O,S,R,T,B,F,G,J,K,Q,U,X,Y,_,ss="controls: {zoomControl: true }";return N=new w({}),Y=new $({props:{options:s[0]}}),{c(){a=u(),n=t("div"),z=t("div"),D=t("div"),x=t("a"),C=i("←Examples"),I=u(),V=t("h4"),j=i("Disable scroll wheel zoom "),P=t("span"),W=i("@0.0.4^"),Z=u(),H=t("p"),L=i("Disables mouse wheel intereactions for zoom and allows only zoom via\r\n controls."),M=u(),k(N.$$.fragment),q=u(),A=t("h4"),O=i("Note"),S=u(),R=t("p"),T=t("code"),B=i("scrollWheelZoom"),F=i(" by default is true additionally you can remove the zoom control element by setting "),G=t("code"),J=i(ss),K=i(" to false."),Q=u(),U=t("div"),X=t("div"),k(Y.$$.fragment),this.h()},l(s){m('[data-svelte="svelte-50lzuc"]',document.head).forEach(e),a=h(s),n=o(s,"DIV",{class:!0});var t=p(n);z=o(t,"DIV",{class:!0});var l=p(z);D=o(l,"DIV",{class:!0});var c=p(D);x=o(c,"A",{href:!0});var r=p(x);C=f(r,"←Examples"),r.forEach(e),I=h(c),V=o(c,"H4",{});var u=p(V);j=f(u,"Disable scroll wheel zoom "),P=o(u,"SPAN",{class:!0});var i=p(P);W=f(i,"@0.0.4^"),i.forEach(e),u.forEach(e),Z=h(c),H=o(c,"P",{});var k=p(H);L=f(k,"Disables mouse wheel intereactions for zoom and allows only zoom via\r\n controls."),k.forEach(e),M=h(c),g(N.$$.fragment,c),q=h(c),A=o(c,"H4",{});var d=p(A);O=f(d,"Note"),d.forEach(e),S=h(c),R=o(c,"P",{});var v=p(R);T=o(v,"CODE",{});var b=p(T);B=f(b,"scrollWheelZoom"),b.forEach(e),F=f(v," by default is true additionally you can remove the zoom control element by setting "),G=o(v,"CODE",{});var E=p(G);J=f(E,ss),E.forEach(e),K=f(v," to false."),v.forEach(e),c.forEach(e),Q=h(l),U=o(l,"DIV",{class:!0});var y=p(U);X=o(y,"DIV",{class:!0});var $=p(X);g(Y.$$.fragment,$),$.forEach(e),y.forEach(e),l.forEach(e),t.forEach(e),this.h()},h(){document.title="Disable scroll wheel zoom",l(x,"href","examples"),l(P,"class","chip"),l(D,"class","col-6"),l(X,"class","map svelte-dt8ylx"),l(U,"class","col-6"),l(z,"class","row is-center"),l(n,"class","container")},m(s,t){c(s,a,t),c(s,n,t),d(n,z),d(z,D),d(D,x),d(x,C),d(D,I),d(D,V),d(V,j),d(V,P),d(P,W),d(D,Z),d(D,H),d(H,L),d(D,M),v(N,D,null),d(D,q),d(D,A),d(A,O),d(D,S),d(D,R),d(R,T),d(T,B),d(R,F),d(R,G),d(G,J),d(R,K),d(z,Q),d(z,U),d(U,X),v(Y,X,null),_=!0},p:r,i(s){_||(b(N.$$.fragment,s),b(Y.$$.fragment,s),_=!0)},o(s){E(N.$$.fragment,s),E(Y.$$.fragment,s),_=!1},d(s){s&&e(a),s&&e(n),y(N),y(Y)}}}function x(s){return[{recenter:!0,zoom:5,markers:[{lat:8,lng:8},{lat:13,lng:80}],controls:{zoomControl:!0},scrollWheelZoom:!1,mapID:"map",attributionControl:!0}]}export default class extends s{constructor(s){super(),a(this,s,x,D,n,{})}}
2 |
--------------------------------------------------------------------------------