text: import{S as n,i as a,s,e as t,c as p,a as o,d as e,b as c,f as l,n as r,_ as u,g as i,h as k,j as m,k as h,l as f,t as d,m as g,q as b,o as v,p as y,r as w,u as x,v as A,w as E,x as $,y as M}from"./client.552f27ae.js";import"@babel/runtime/helpers/esm/classCallCheck";import"@babel/runtime/helpers/esm/assertThisInitialized";import"@babel/runtime/helpers/esm/inherits";import"@babel/runtime/helpers/esm/possibleConstructorReturn";import"@babel/runtime/helpers/esm/getPrototypeOf";import"@babel/runtime/helpers/esm/defineProperty";import"@babel/runtime/helpers/esm/slicedToArray";import{L as I}from"./Leaflet.b4123ade.js";function j(n){let a;return{c(){a=t("pre"),this.h()},l(n){a=p(n,"PRE",{class:!0}),o(a).forEach(e),this.h()},h(){c(a,"class","language-html")},m(n,s){l(n,a,s),a.innerHTML='<code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">\n  <span class="token keyword">import</span> Map <span class="token keyword">from</span> <span class="token string">"@anoram/leaflet-svelte"</span><span class="token punctuation">;</span>\n  <span class="token keyword">let</span> options <span class="token operator">=</span> <span class="token punctuation">&#123;</span>\n    zoom<span class="token operator">:</span> <span class="token number">13</span><span class="token punctuation">,</span>\n    center<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">13</span><span class="token punctuation">,</span> <span class="token number">80</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n    markers<span class="token operator">:</span> <span class="token punctuation">[</span>\n      <span class="token punctuation">&#123;</span>\n        lat<span class="token operator">:</span> <span class="token number">13.001</span><span class="token punctuation">,</span>\n        lng<span class="token operator">:</span> <span class="token number">80.01</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#123;</span>\n        lat<span class="token operator">:</span> <span class="token number">13</span><span class="token punctuation">,</span>\n        lng<span class="token operator">:</span> <span class="token number">80</span><span class="token punctuation">,</span>\n        popup<span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n          isOpen<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>\n          text<span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">Marker 1</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n        icon<span class="token operator">:</span> <span class="token punctuation">&#123;</span>\n          iconUrl<span class="token operator">:</span> <span class="token string">"https://leafletjs.com/examples/custom-icons/leaf-red.png"</span><span class="token punctuation">,</span>\n          shadowUrl<span class="token operator">:</span>\n            <span class="token string">"https://leafletjs.com/examples/custom-icons/leaf-shadow.png"</span><span class="token punctuation">,</span>\n          iconSize<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">38</span><span class="token punctuation">,</span> <span class="token number">95</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          shadowSize<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">50</span><span class="token punctuation">,</span> <span class="token number">64</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          iconAnchor<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">22</span><span class="token punctuation">,</span> <span class="token number">94</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          shadowAnchor<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token number">4</span><span class="token punctuation">,</span> <span class="token number">62</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n          popupAnchor<span class="token operator">:</span> <span class="token punctuation">[</span><span class="token operator">-</span><span class="token number">3</span><span class="token punctuation">,</span> <span class="token operator">-</span><span class="token number">76</span><span class="token punctuation">]</span><span class="token punctuation">,</span>\n        <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n      <span class="token punctuation">&#125;</span><span class="token punctuation">,</span>\n    <span class="token punctuation">]</span><span class="token punctuation">,</span>\n    mapID<span class="token operator">:</span> <span class="token string">"map"</span><span class="token punctuation">,</span>\n    attributionControl<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>\n  <span class="token punctuation">&#125;</span><span class="token punctuation">;</span>\n  \n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>style</span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css">\n  <span class="token selector">.map</span> <span class="token punctuation">&#123;</span>\n    <span class="token property">height</span><span class="token punctuation">:</span> 600px<span class="token punctuation">;</span>\n    <span class="token property">width</span><span class="token punctuation">:</span> auto<span class="token punctuation">;</span>\n  <span class="token punctuation">&#125;</span>\n\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>style</span><span class="token punctuation">></span></span>\n\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>map<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Map</span> <span class="token attr-name">&#123;options&#125;</span> <span class="token punctuation">/></span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span></code>'},p:r,i:r,o:r,d(n){n&&e(a)}}}class D extends n{constructor(n){super(),a(this,n,null,j,s,{})}}function P(n){var a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(n){return!1}}();return function(){var s,t=i(n);if(a){var p=i(this).constructor;s=Reflect.construct(t,arguments,p)}else s=t.apply(this,arguments);return k(this,s)}}function z(n){var a,s,u,i,k,m,h,j,P,z,H,R,C,S,L,T,V,O,U,q,N,_,B,F,G;return H=new D({}),F=new I({props:{options:n[0]}}),{c:function(){a=f(),s=t("div"),u=t("div"),i=t("div"),k=t("h4"),m=d("Multiple markers Example"),h=f(),j=t("p"),P=d("Markers are large part of any mapping API and they are declared as array and can have custom icons. Markers can be extended with Icons and popups(tooltip) and can have HTML inside it you can experiment."),z=f(),g(H.$$.fragment),R=f(),C=t("h4"),S=d("Note"),L=f(),T=t("p"),V=d("Adjust the icon and popup offset by changing "),O=t("code"),U=d("iconAnchor, shadowAnchor, popupAnchor"),q=d(" Having no icon will result a default marker."),N=f(),_=t("div"),B=t("div"),g(F.$$.fragment),this.h()},l:function(n){b('[data-svelte="svelte-1tm7rp2"]',document.head).forEach(e),a=v(n),s=p(n,"DIV",{class:!0});var t=o(s);u=p(t,"DIV",{class:!0});var c=o(u);i=p(c,"DIV",{class:!0});var l=o(i);k=p(l,"H4",{});var r=o(k);m=y(r,"Multiple markers Example"),r.forEach(e),h=v(l),j=p(l,"P",{});var f=o(j);P=y(f,"Markers are large part of any mapping API and they are declared as array and can have custom icons. Markers can be extended with Icons and popups(tooltip) and can have HTML inside it you can experiment."),f.forEach(e),z=v(l),w(H.$$.fragment,l),R=v(l),C=p(l,"H4",{});var d=o(C);S=y(d,"Note"),d.forEach(e),L=v(l),T=p(l,"P",{});var g=o(T);V=y(g,"Adjust the icon and popup offset by changing "),O=p(g,"CODE",{});var x=o(O);U=y(x,"iconAnchor, shadowAnchor, popupAnchor"),x.forEach(e),q=y(g," Having no icon will result a default marker."),g.forEach(e),l.forEach(e),N=v(c),_=p(c,"DIV",{class:!0});var A=o(_);B=p(A,"DIV",{class:!0});var E=o(B);w(F.$$.fragment,E),E.forEach(e),A.forEach(e),c.forEach(e),t.forEach(e),this.h()},h:function(){document.title="Markers",c(i,"class","col-6"),c(B,"class","map svelte-1clh5nd"),c(_,"class","col-6"),c(u,"class","row is-center"),c(s,"class","container")},m:function(n,t){l(n,a,t),l(n,s,t),x(s,u),x(u,i),x(i,k),x(k,m),x(i,h),x(i,j),x(j,P),x(i,z),A(H,i,null),x(i,R),x(i,C),x(C,S),x(i,L),x(i,T),x(T,V),x(T,O),x(O,U),x(T,q),x(u,N),x(u,_),x(_,B),A(F,B,null),G=!0},p:r,i:function(n){G||(E(H.$$.fragment,n),E(F.$$.fragment,n),G=!0)},o:function(n){$(H.$$.fragment,n),$(F.$$.fragment,n),G=!1},d:function(n){n&&e(a),n&&e(s),M(H),M(F)}}}function H(n){return[{zoom:13,center:[13,80],markers:[{lat:13.001,lng:80.01},{lat:13,lng:80,popup:{isOpen:!0,text:"Marker 1"},icon:{iconUrl:"https://leafletjs.com/examples/custom-icons/leaf-red.png",shadowUrl:"https://leafletjs.com/examples/custom-icons/leaf-shadow.png",iconSize:[38,95],shadowSize:[50,64],iconAnchor:[22,94],shadowAnchor:[4,62],popupAnchor:[-3,-76]}}],mapID:"map",attributionControl:!0}]}var R=function(t){u(o,n);var p=P(o);function o(n){var t;return m(this,o),t=p.call(this),a(h(t),n,H,z,s,{}),t}return o}();export default R;
  