solid-map-gl 1.6.6 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/esm/index.js +1 -1
  2. package/dist/esm/index.js.map +1 -1
  3. package/dist/source/components/Draw/index.jsx +27 -0
  4. package/dist/source/components/Layer/index.jsx +0 -2
  5. package/dist/source/components/MapGL/index.jsx +1 -1
  6. package/dist/source/events.js +12 -1
  7. package/dist/source/index.jsx +1 -0
  8. package/dist/types/components/Draw/index.d.ts +14 -0
  9. package/dist/types/events.d.ts +22 -2
  10. package/dist/types/index.d.ts +1 -0
  11. package/package.json +3 -3
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{createComponent as e,use as t,effect as o,setAttribute as r,className as n,classList as a,style as i,template as s}from"solid-js/web";import{createContext as l,useContext as c,createUniqueId as p,createSignal as d,createEffect as g,onMount as u,onCleanup as m,Show as h,untrack as y}from"solid-js";const v=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onPreClick","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel","onWheel","onResize","onRemove","onTouchMove","onMoveStart","onMove","onMoveEnd","onDragStart","onDrag","onDragEnd","onZoomStart","onZoom","onZoomEnd","onRotateStart","onRotate","onRotatEnd","onPitchStart","onPitch","onPitchEnd","onBoxZoomStart","onBoxZoomEnd","onBoxZoomCancel","onWebglContextLost","onWebglContextRestored","onLoad","onRender","onIdle","onError","onData","onStyleData","onSourceData","onDataLoading","onStyleDataLoading","onSourceDataLoading","onStyleImageMissing"],b=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel"],w="mapbox://styles/mapbox",f="https://raw.githubusercontent.com/",k="https://raw.githubusercontent.com/GIShub4/map-styles/main/",$="https://assets.vector.hereapi.com/styles/",x={mb:{light:`${w}/light-v11`,dark:`${w}/dark-v11`,street:`${w}/streets-v12`,outdoor:`${w}/outdoors-v12`,sat:`${w}/satellite-v9`,sat_street:`${w}/satellite-streets-v12`,nav:`${w}/navigation-guidance-day-v4`,nav_night:`${w}/navigation-guidance-night-v4`,basic:`${w}/cjf4m44iw0uza2spb3q0a7s41`,monochrome:`${w}/cjv6rzz4j3m4b1fqcchuxclhb`,leshine:`${w}/cjcunv5ae262f2sm9tfwg8i0w`,icecream:`${w}/cj7t3i5yj0unt2rmt3y4b5e32`,cali:`${w}/cjerxnqt3cgvp2rmyuxbeqme7`,northstar:`${w}/cj44mfrt20f082snokim4ungi`,mineral:`${w}/cjtep62gq54l21frr1whf27ak`,moonlight:`${w}/cj3kbeqzo00022smj7akz3o1e`,frank:`${w}-map-design/ckshxkppe0gge18nz20i0nrwq`,minimo:`${w}-map-design/cksjc2nsq1bg117pnekb655h1`,decimal:`${w}-map-design/ck4014y110wt61ctt07egsel6`,standard:`${w}-map-design/ckr0svm3922ki18qntevm857n`,blueprint:`${w}-map-design/cks97e1e37nsd17nzg7p0308g`,bubble:`${w}-map-design/cksysy2nl62zp17quosctdtcc`,pencil:`${w}-map-design/cks9iema71es417mlrft4go2k`,swiss_ski:`${f}mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,vintage:`${f}mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,whaam:`${f}mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,neon:`${f}NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,camoflauge:`${f}jingsam/mapbox-gl-styles/master/Camouflage.json`,emerald:`${f}jingsam/mapbox-gl-styles/master/Emerald.json`,runner:`${f}jingsam/mapbox-gl-styles/master/Runner.json`,x_ray:`${f}jingsam/mapbox-gl-styles/master/X-ray.json`},here:{base:`${$}berlin/base/mapbox/tilezen?apikey={apikey}`,day:`${$}berlin/day/mapbox/tilezen?apikey={apikey}`,night:`${$}berlin/night/mapbox/tilezen?apikey={apikey}`},esri:{blueprint:`${k}esri:blueprint.json`,charted_territory:`${k}esri:charted-territory.json`,colored_pencil:`${k}esri:colored-pencil.json`,community:`${k}esri:community.json`,mid_century:`${k}esri:mid-century.json`,modern_antique:`${k}esri:modern-antique.json`,nat_geo:`${k}esri:national-geographic.json`,newspaper:`${k}esri:newspaper.json`,open_street_map:`${k}esri:open-street-map.json`,light_gray_canvas:`${k}esri:light-gray-canvas.json`,dark_gray_canvas:`${k}esri:dark-gray-canvas.json`,human_geo_light:`${k}esri:human-geography-light.json`,human_geo_dark:`${k}esri:human-geography-dark.json`,world_navigation:`${k}esri:world-navigation.json`,world_street:`${k}esri:world-street.json`,world_street_night:`${k}esri:world-street-night.json`,world_terrain:`${k}esri:world-terrain.json`,world_terrain_hybrid:`${k}esri:world-terrain-hybrid.json`,world_topographic:`${k}esri:world-topographic.json`,chromium:`${k}esri:chromium.json`,dreamcatcher:`${k}esri:dreamcatcher.json`,seahaven:`${k}esri:seahaven.json`,sangria:`${k}esri:sangria.json`,mercurial:`${k}esri:mercurial.json`,imagery:`${k}esri:imagery.json`,imagery_hybrid:`${k}esri:imagery-hybrid.json`,firefly:`${k}esri:firefly.json`,firefly_hybrid:`${k}esri:firefly-hybrid.json`,oceans:`${k}esri:oceans.json`}},L="https://{s}.basemaps.cartocdn.com/rastertiles/",M="https://stamen-tiles-{s}.a.ssl.fastly.net/",S="https://{s}.tile.thunderforest.com/",j={osm:{org:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",human:"https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",cycle:"https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",topo:"https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",_copy:'<a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap</a>'},carto:{voyager:`${L}voyager_labels_under/{z}/{x}/{y}{r}.png`,positron:`${L}light_all/{z}/{x}/{y}{r}.png`,dark:`${L}dark_all/{z}/{x}/{y}{r}.png`,_copy:'<a href="https://carto.com/attribution" target="_blank">&copy; Carto</a>'},stamen:{toner:`${M}toner/{z}/{x}/{y}{r}.png`,toner_lite:`${M}toner-lite/{z}/{x}/{y}{r}.png`,watercolor:`${M}watercolor/{z}/{x}/{y}.png`,terrain:`${M}terrain/{z}/{x}/{y}{r}.png`,_copy:'<a href="https://stamen.com/privacy-policy" target="_blank">&copy; Stamen Design</a>'},tf:{cycle:`${S}cycle/{z}/{x}/{y}{r}.png?apikey={apikey}`,trans:`${S}transport/{z}/{x}/{y}{r}.png?apikey={apikey}`,trans_dark:`${S}transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}`,landscape:`${S}landscape/{z}/{x}/{y}{r}.png?apikey={apikey}`,outdoors:`${S}outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}`,neighbourhood:`${S}neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}`,spinal:`${S}spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}`,pioneer:`${S}pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}`,atlas:`${S}atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,mobile:`${S}mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,_copy:'<a href="https://thunderforest.com/privacy" target="_blank">&copy; Thunderforest</a>'}},_=s("<div></div>",2),z=l(),C=()=>c(z),E=s=>{let l,c;s.id??=p();const[y,b]=d(null),[w,f]=d(),[k,$]=d(!1),[L,M]=d(!1);g((()=>s.onUserInteraction?.(L())));const S=(e,t)=>{s.debug&&console.debug("%c[MapGL]","color: #0ea5e9",e,t||"")},j=(e,t)=>{const o=k()&&t||e;return"string"==typeof o||o instanceof String?o?.split(":").reduce(((e,t)=>e&&e[t]),x)?.replace("{apikey}",s.apikey||import.meta.env.VITE_VECTOR_API_KEY)||o:o||{version:8,sources:{},layers:[]}};return u((async()=>{let e=s.mapLib||await import("mapbox-gl");if(e.Map||(e=window.maplibregl||window.mapboxgl),!e.supported())throw new Error("Mapbox GL not supported");S(`Map (v${e.version}) loading...`),l=new e.Map({accessToken:s.options?.accessToken||import.meta.env.VITE_MAPBOX_ACCESS_TOKEN,interactive:s.options?.interactive||!!s.onViewportChange,...s.options,...s.viewport,projection:s.options?.projection||"mercator",container:c,style:j(s.options?.style||"mb:light",s.darkStyle),fitBoundsOptions:{padding:s.viewport?.padding}}),l.mapLib=e,l.debug=s.debug,l.sourceIdList=[],l.layerIdList=[],l.once("load",(()=>{f(l),b(1),S("Map loaded")})),["mousedown","touchstart","wheel"].forEach((e=>l.on(e,(e=>!e.rotate&&M(!0))))),["moveend","mouseup","touchend"].forEach((e=>l.on(e,(e=>!e.rotate&&M(!1)))));const t="undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)");t?.addEventListener("change",(()=>{$(t.matches),S("Set dark theme to:",t.matches?.toString())})),new MutationObserver((()=>{const e=document.body.classList.contains("dark");$(e),S("Set dark theme to:",e)})).observe(document.body,{attributes:!0}),v.forEach((e=>{const t=s[e];if(t){const o=e.slice(2).toLowerCase();"function"==typeof t?l.on(o,(e=>{t(e),S(`Map '${o}' event:`,e)})):Object.keys(t).forEach((e=>{l.on(o,e,(r=>{t[e](r),S(`Map '${o}' event on '${e}':`,r)}))}))}})),l.on("move",(e=>{const t={...s.viewport,id:s.id,point:{x:e.originalEvent?.x,y:e.originalEvent?.y},center:s.viewport?.center.lat?l.getCenter():[l.getCenter().lng,l.getCenter().lat],zoom:l.getZoom(),pitch:l.getPitch(),bearing:l.getBearing()};s.onViewportChange&&s.onViewportChange(t)}))})),g((()=>{const e={...s.viewport,padding:s.viewport?.padding||0};l&&s.id!==s.viewport?.id&&!L()&&(l?.stop()[s.transitionType||"flyTo"](e,{viewport:!0}),S(`Update Viewport (${s.transitionType||"flyTo"}):`,e))})),g((e=>{const t=s.viewport?.bounds;return l&&t&&e!==t&&!L()&&(s.onViewportChange({...s.viewport,...l?.cameraForBounds(t,{padding:s.viewport?.padding})}),S("Update Viewport Boundaries:",t)),t}),s.viewport?.bounds),g((e=>{const t=s.options?.projection;if(l&&e!==t)return l.setProjection(t),S("Set Projection to:",t),t}),s.options?.projection),g((()=>{s.cursorStyle&&l&&(l.getCanvas().style.cursor=s.cursorStyle,S("Set Cursor to:",s.cursorStyle))})),g((e=>{const t=j(s.options?.style,s.darkStyle);return l?.isStyleLoaded()&&e!==t&&(l.setStyle(t),l.once("styledata",(()=>b((e=>++e)))),S("Set Mapstyle to:",t)),t}),s.options?.style),["showTileBoundaries","showTerrainWireframe","showCollisionBoxes","showPadding","showOverdrawInspector"].forEach((e=>{g((()=>{const t=s[e];l&&(l[e]=t,S(`Set ${e} to:`,t))}))})),m((()=>{l?.remove(),S("Map removed")})),e(z.Provider,{value:[w,L,S],get children(){return[(()=>{const e=_.cloneNode(!0);return"function"==typeof c?t(c,e):c=e,o((t=>{const o=s.id,l=s?.class,c=s?.classList,p=s?.style||s?.class||s?.classList?s.style:{position:"absolute",inset:0,"z-index":-1};return o!==t._v$&&r(e,"id",t._v$=o),l!==t._v$2&&n(e,t._v$2=l),t._v$3=a(e,c,t._v$3),t._v$4=i(e,p,t._v$4),t}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),e})(),e(h,{get when(){return y()},keyed:!0,get children(){return s.children}})]}})},T=l(),P=()=>c(T),I=t=>{if(!C())return;const[o]=C();t.id??=p();const r=(e,t)=>{o().debug&&console.debug("%c[MapGL]","color: #ec4899",e,t||"")},n=e=>{const o=e?.split(":").reduce(((e,t)=>e&&e[t]),j),r=o?{...t.source,url:"",tiles:[o.replace("{apikey}",t.source.apikey||import.meta.env.VITE_RASTER_API_KEY).replace("{r}",window.devicePixelRatio>1?"@2x":"")],attribution:j[e.split(":")[0]]._copy}:t.source;return r.tiles&&(r.tiles=["a","b","c"].map((e=>r.tiles[0].replace("{s}",e)))),r};o().addSource(t.id,n(t.source.url)),o().sourceIdList.push(t.id),r("Add Source:",t.id);const a=o().getSource(t.id);switch(t.source.type){case"geojson":g((()=>{const e=t.source.data;o().isSourceLoaded(t.id)&&(a.setData(e||{}),r("Update GeoJSON Data:",t.id))}));break;case"image":g((()=>{const e=t.source.url,n=t.source.coordinates;o().isSourceLoaded(t.id)&&(a.updateImage(e,n),r("Update Image Data:",t.id))}));break;case"vector":g((()=>{const e=t.source.url,n=t.source.tiles;o().isSourceLoaded(t.id)&&(e?a.setUrl(e):a.setTiles(n),r("Update Vector Data:",t.id))}));break;case"raster":g((()=>{const e=n(t.source.url);o().isSourceLoaded(t.id)&&(e.url?a.setUrl(e.url):a.setTiles(e.tiles),r("Update Raster Data:",t.id))}))}return m((()=>{o()?.getStyle().layers.forEach((e=>e.source===t.id&&o().removeLayer(e.id))),o()?.getSource(t.id)&&o()?.removeSource(t.id),r("Remove Source:",t.id)})),e(T.Provider,{get value(){return t.id},get children(){return t.children}})},D=(e={},t={})=>[...new Set([...Object.keys(e),...Object.keys(t)])].reduce(((o,r)=>{const n=e[r];return n!==t[r]&&o.push([r,n]),o}),[]),O=e=>{if(!C())return;const[t]=C(),o=e.style?.source||P();e.id??=p();const r=(e,o)=>{t().debug&&console.debug("%c[MapGL]","color: #10b981",e,o||"")};return t().addLayer(e.customLayer||{...e.style,id:e.id,source:o,metadata:{smg:{beforeType:e.beforeType,beforeId:e.beforeId}}},e.beforeType?t().getStyle().layers.find((t=>t.type===e.beforeType))?.id:e.beforeId),t().layerIdList.push(e.id),r("Add Layer:",e.id),b.forEach((o=>{if(e[o]){const n=o.slice(2).toLowerCase();t().on(n,e.id,(t=>{e[o](t),r(`Layer '${n}' event on '${e.id}':`,t)}))}})),g((o=>{const n=e.style;if(n!==o&&t().isStyleLoaded())return n.layout!==o?.layout&&D(n.layout,o?.layout).forEach((([o,r])=>t().setLayoutProperty(e.id,o,r,{validate:!1}))),n.paint!==o?.paint&&D(n.paint,o?.paint).forEach((([o,r])=>t().setPaintProperty(e.id,o,r,{validate:!1}))),n.minzoom===o?.minzoom&&n.maxzoom===o?.maxzoom||t().setLayerZoomRange(e.id,n.minzoom,n.maxzoom),n.filter!==o?.filter&&t().setFilter(e.id,n.filter,{validate:!1}),r("Update Layer Style:",e.id),n}),e.style),g((o=>{if(e.visible!==o)return t().setLayoutProperty(e.id,"visibility",e.visible?"visible":"none",{validate:!1}),r(`Update Visibility (${e.id}):`,e.visible),e.visible}),e.visible),g((async()=>{e.filter&&(!t().isStyleLoaded()&&await t().once("styledata"),t().setFilter(e.id,e.filter),r(`Update Filter (${e.id}):`,e.filter))})),g((async()=>{e.featureState&&e.featureState.id&&(!t().isStyleLoaded()&&await t().once("styledata"),t().removeFeatureState({source:o,sourceLayer:e.style["source-layer"]}),t().setFeatureState({source:o,sourceLayer:e.style["source-layer"],id:e.featureState.id},e.featureState.state))})),m((()=>t()?.getLayer(e.id)&&t()?.removeLayer(e.id))),e.children},V=e=>{if(!C())return;const[t]=C();return g((()=>t().setFog(e.style||{}))),m((()=>t()?.setFog(null))),null},A=e=>{if(!C())return;const[t]=C();let o=P();return void 0===o&&(o=p(),t().addSource(o,t().isMapLibre?{type:"raster-dem",url:"https://demotiles.maplibre.org/terrain-tiles/tiles.json",tileSize:256}:{type:"raster-dem",url:"mapbox://mapbox.terrain-rgb",tileSize:512,maxzoom:14})),g((()=>{t().setTerrain({exaggeration:e.exaggeration||1,source:o})})),m((()=>t().setTerrain(null))),null},R=e=>{if(!C())return;const[t]=C();let o=null;return g((()=>{o&&t().hasControl(o)&&t().removeControl(o),o=((e,t,o,r)=>{if(r)return new r(o);switch(t){case"navigation":return new e.NavigationControl(o);case"scale":return new e.ScaleControl(o);case"attribution":return new e.AttributionControl(o);case"geolocate":return new e.GeolocateControl(o);case"fullscreen":return new e.FullscreenControl;default:throw new Error(`Unknown control type: ${t}`)}})(t().mapLib,e.type,e.options,e.custom),t().addControl(o,e.position)})),m((()=>t()?.removeControl(o))),null},q=e=>{if(!C())return;const[t]=C();let o=null,r=null;if(!e.lngLat)throw new Error("Marker - lngLat is required");return g((()=>{const n={...e.options},a={...e.options?.popup};if(!t())return;const i=t().mapLib;y((()=>{r?.remove(),r=e.children?new i.Popup(a).setHTML(e.children).on("close",(()=>e.onClose?.())):null,o?.remove(),o=new i.Marker(n).setPopup(r).on("dragstart",(()=>e.onDragStart?.())).on("dragend",(()=>e.onDragEnd?.())).on("drag",(()=>e.onLngLatChange?.(o.getLngLat().toArray()))).setDraggable(e.draggable||e.options?.draggable).setLngLat(e.lngLat).addTo(t()),e.openPopup!==r?.isOpen()&&o.togglePopup()}))})),g((()=>e.openPopup!==r?.isOpen()&&o.togglePopup())),g((()=>o.setLngLat(e.lngLat))),g((()=>r?.setHTML(e.children))),g((()=>o.setDraggable(e.draggable))),m((()=>o?.remove())),null},F=e=>{if(!C())return;const[t]=C();let o=null;if(!e.trackPointer&&!e.lngLat)throw new Error("Popup - lngLat or trackPointer is required");return g((()=>{const r={...e.options};if(!t())return;const n=t().mapLib;y((()=>{o?.remove(),o=new n.Popup(e.trackPointer?{...r,closeOnClick:!1,closeButton:!1}:{focusAfterOpen:!1,...r}).setHTML(e.children||"").setLngLat(e.lngLat).on("close",(()=>e.onClose?.())).addTo(t())}))})),g((()=>e.trackPointer?o.trackPointer():o.setLngLat(e.lngLat))),g((()=>o.setHTML(e.children||""))),m((()=>o?.remove())),null},G={diagonal_l:{size:20,path:"M20 0 0 20M-10 10 10-10M10 30 30 10"},diagonal_r:{size:20,path:"M0 0 20 20M30 10 10-10M10 30-10 10"},horizontal:{size:14,path:"M7 0V20"},vertical:{size:14,path:"M0 7H20"},cross:{size:18,path:"M9 0V18M0 9H18"},hash:{size:30,path:"M15 0 30 15 15 30 0 15Z"},chevron_h:{size:20,path:"M-5 5 0 10 10 0 20 10 25 5M0 30 10 20 20 30"},chevron_v:{size:20,path:"M5-5 10 0 0 10 10 20 5 25M25 15 20 10 25 5"},square:{size:20,path:"M8 8H12V12H8Z",fill:!0},hex:{size:50,path:"M0 0V50L50 25ZM50 0V50L0 25ZM25 0V50"},circle:{size:25,path:"M8 10A2.5 2.5 0 118.01 10M18 15A2.5 2.5 0 1018.01 15",fill:!0}},U=Object.keys(G),Z=e=>{if(!C())return;const[t]=C(),[o,r]=d({width:0,height:0});m((()=>t()?.hasImage(e.id)&&t()?.removeImage(e.id))),g((()=>{if(!e.id)throw new Error("Image - ID is required");if(!e.source&&!e.pattern)throw new Error("Image - Image or Pattern is required");const i=e.pattern?{pixelRatio:2,...e.options}:e.options;n(e.source||a(e.pattern),(n=>{const{width:a,height:s}=n;t().hasImage(e.id)||t().addImage(e.id,n,i),!e.pattern&&y((()=>a===o().width&&s===o().height))?(t().updateImage(e.id,n),t().triggerRepaint()):(t().removeImage(e.id),t().addImage(e.id,n,i)),r({width:a,height:s})}))}));const n=(o,r)=>{if("string"==typeof o&&o?.trimStart().startsWith("<svg")&&(o=(new DOMParser).parseFromString(o,"image/svg+xml").childNodes[0]),o instanceof SVGElement&&(e.options?.fill&&o.setAttribute("fill",e.options.fill),e.options?.stroke&&o.setAttribute("stroke",e.options.stroke),o=(new XMLSerializer).serializeToString(o)),"string"!=typeof o)return r(o);t().loadImage(o,(async(t,n)=>{if(!t)return r(n);{"string"==typeof o&&o?.trimEnd().endsWith(".svg")&&(o=await(await fetch(o)).text(),(o=(new DOMParser).parseFromString(o,"image/svg+xml").childNodes[0]).setAttribute("fill",e.options.fill),o.setAttribute("stroke",e.options.stroke),o.setAttribute("transform",e.options.transform),o=(new XMLSerializer).serializeToString(o));const t=new Image;t.crossOrigin="Anonymous",t.onload=()=>{const e=document.createElement("canvas");e.width=Math.max(t.width,50),e.height=Math.max(t.height,50);const o=e.getContext("2d");return o.imageSmoothingEnabled=!0,o.drawImage(t,0,0,e.width,e.height),r(o.getImageData(0,0,e.width,e.height))},t.src=o.trimStart().startsWith("<svg")?"data:image/svg+xml;charset=utf-8,"+o:o}}))},a=e=>{const t=G[e.type];return{width:t.size,height:t.size,data:new Uint8Array(t.size*t.size*4),onAdd:function(){let e=document.createElement("canvas");e.width=e.height=t.size,this.ctx=e.getContext("2d",{willReadFrequently:!0})},render:function(){return this.ctx.fillStyle=e.background||"transparent",this.ctx.fillRect(0,0,this.width,this.height),this.ctx.strokeStyle=this.ctx.fillStyle=e.color||"black",this.ctx.lineWidth=e.lineWith||1,this.ctx.stroke(new Path2D(t.path)),t.fill&&this.ctx.fill(new Path2D(t.path)),this.data=this.ctx.getImageData(0,0,this.width,this.height).data,!0}}};return null},B={in:e=>e*e,out:e=>1-(1-e)*(1-e),inOut:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2},W=e=>{if(!C())return;const[t,o]=C();let r=.1,n=!1;const a=o=>{e.translate&&window.requestAnimationFrame(a);const i=[e.translate.start,e.translate.end,e.translate.easing?B[e.translate.easing](r):r];(async([e,o,r],n)=>{const a=t().getFreeCameraOptions();a.position=t().mapLib.MercatorCoordinate.fromLngLat([e,o],r),a.lookAtPoint(n),t().setFreeCameraOptions(a)})("line"===e.translate.type?((e,t,o)=>e.map(((r,n)=>(1-o)*e[n]+o*t[n])))(...i):((e,t,o)=>{const r=e.map(((o,r)=>e[r]*t[r])).reduce(((e,t)=>e+t)),n=Math.acos(r);return e.map(((r,a)=>Math.sin((1-o)*n)/Math.sin(n)*e[a]+Math.sin(o*n)/Math.sin(n)*t[a]))})(...i),e.translate.target),!e.translate.loop&&(r>1||r<0)&&(n=!n),r=n?r-.001:r+.001};g((()=>{e.translate&&window.requestAnimationFrame(a)}));const i=()=>{const r=e.rotateGlobe.secPerRev||120,n=e.rotateGlobe.maxZoom||5,a=e.rotateGlobe.slowZoom||3,i=t().getZoom();if(!e.rotateGlobe||o()||i>n)return;let s=360/r;i>a&&(s*=(n-i)/(n-a));const l=t().getCenter();l.lng=e.reverse?l.lng+s:l.lng-s,t().easeTo({center:l,duration:1e3,easing:e=>e},{rotate:!0})},s=()=>{if(!e.rotateViewport||o())return;const r=e.rotateViewport?.secPerRev||60,n=e.reverse?t().getBearing()+360/r:t().getBearing()-360/r;t().easeTo({bearing:n,pitch:e.rotateViewport?.pitch||60,duration:1e3,around:e.rotateViewport?.around,easing:e=>e},{rotate:!0})},l=t=>{t.rotate&&e.rotateGlobe?i():s()},c=()=>e.rotateGlobe?i():s();let p;return t().on("moveend",l).on("dragend",c),g((()=>{null!=e.rotateGlobe&&(e.rotateGlobe?(p=t().getCenter(),i()):e.resetWhenStopped?t().stop().easeTo({center:p}):t().stop())})),g((()=>{null!=e.rotateViewport&&(e.rotateViewport?s():e.resetWhenStopped?t().stop().resetNorthPitch():t().stop())})),m((()=>t().off("moveend",l).off("dragend",c))),e.children},N=e=>{if(!C())return;const[t]=C();return g((()=>t().setLight(e.style||{}))),m((()=>t()?.setLight(null))),null};export{V as Atmosphere,W as Camera,R as Control,Z as Image,O as Layer,N as Light,q as Marker,F as Popup,I as Source,A as Terrain,E as default,U as patternList,C as useMap,P as useSourceId};
1
+ import{createComponent as e,use as t,effect as o,setAttribute as r,className as n,classList as a,style as i,template as s}from"solid-js/web";import{createContext as l,useContext as c,createUniqueId as p,createSignal as d,createEffect as g,onMount as u,onCleanup as m,Show as h,untrack as y}from"solid-js";const v=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onPreClick","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel","onWheel","onResize","onRemove","onTouchMove","onMoveStart","onMove","onMoveEnd","onDragStart","onDrag","onDragEnd","onZoomStart","onZoom","onZoomEnd","onRotateStart","onRotate","onRotatEnd","onPitchStart","onPitch","onPitchEnd","onBoxZoomStart","onBoxZoomEnd","onBoxZoomCancel","onWebglContextLost","onWebglContextRestored","onLoad","onRender","onIdle","onError","onData","onStyleData","onSourceData","onDataLoading","onStyleDataLoading","onSourceDataLoading","onStyleImageMissing"],b=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel"],w=["onCreate","onDelete","onCombine","onUncombine","onUpdate","onSelectionchange","onModechange","onRender","onActionable"],f="mapbox://styles/mapbox",k="https://raw.githubusercontent.com/",$="https://raw.githubusercontent.com/GIShub4/map-styles/main/",x="https://assets.vector.hereapi.com/styles/",L={mb:{light:`${f}/light-v11`,dark:`${f}/dark-v11`,street:`${f}/streets-v12`,outdoor:`${f}/outdoors-v12`,sat:`${f}/satellite-v9`,sat_street:`${f}/satellite-streets-v12`,nav:`${f}/navigation-guidance-day-v4`,nav_night:`${f}/navigation-guidance-night-v4`,basic:`${f}/cjf4m44iw0uza2spb3q0a7s41`,monochrome:`${f}/cjv6rzz4j3m4b1fqcchuxclhb`,leshine:`${f}/cjcunv5ae262f2sm9tfwg8i0w`,icecream:`${f}/cj7t3i5yj0unt2rmt3y4b5e32`,cali:`${f}/cjerxnqt3cgvp2rmyuxbeqme7`,northstar:`${f}/cj44mfrt20f082snokim4ungi`,mineral:`${f}/cjtep62gq54l21frr1whf27ak`,moonlight:`${f}/cj3kbeqzo00022smj7akz3o1e`,frank:`${f}-map-design/ckshxkppe0gge18nz20i0nrwq`,minimo:`${f}-map-design/cksjc2nsq1bg117pnekb655h1`,decimal:`${f}-map-design/ck4014y110wt61ctt07egsel6`,standard:`${f}-map-design/ckr0svm3922ki18qntevm857n`,blueprint:`${f}-map-design/cks97e1e37nsd17nzg7p0308g`,bubble:`${f}-map-design/cksysy2nl62zp17quosctdtcc`,pencil:`${f}-map-design/cks9iema71es417mlrft4go2k`,swiss_ski:`${k}mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,vintage:`${k}mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,whaam:`${k}mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,neon:`${k}NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,camoflauge:`${k}jingsam/mapbox-gl-styles/master/Camouflage.json`,emerald:`${k}jingsam/mapbox-gl-styles/master/Emerald.json`,runner:`${k}jingsam/mapbox-gl-styles/master/Runner.json`,x_ray:`${k}jingsam/mapbox-gl-styles/master/X-ray.json`},here:{base:`${x}berlin/base/mapbox/tilezen?apikey={apikey}`,day:`${x}berlin/day/mapbox/tilezen?apikey={apikey}`,night:`${x}berlin/night/mapbox/tilezen?apikey={apikey}`},esri:{blueprint:`${$}esri:blueprint.json`,charted_territory:`${$}esri:charted-territory.json`,colored_pencil:`${$}esri:colored-pencil.json`,community:`${$}esri:community.json`,mid_century:`${$}esri:mid-century.json`,modern_antique:`${$}esri:modern-antique.json`,nat_geo:`${$}esri:national-geographic.json`,newspaper:`${$}esri:newspaper.json`,open_street_map:`${$}esri:open-street-map.json`,light_gray_canvas:`${$}esri:light-gray-canvas.json`,dark_gray_canvas:`${$}esri:dark-gray-canvas.json`,human_geo_light:`${$}esri:human-geography-light.json`,human_geo_dark:`${$}esri:human-geography-dark.json`,world_navigation:`${$}esri:world-navigation.json`,world_street:`${$}esri:world-street.json`,world_street_night:`${$}esri:world-street-night.json`,world_terrain:`${$}esri:world-terrain.json`,world_terrain_hybrid:`${$}esri:world-terrain-hybrid.json`,world_topographic:`${$}esri:world-topographic.json`,chromium:`${$}esri:chromium.json`,dreamcatcher:`${$}esri:dreamcatcher.json`,seahaven:`${$}esri:seahaven.json`,sangria:`${$}esri:sangria.json`,mercurial:`${$}esri:mercurial.json`,imagery:`${$}esri:imagery.json`,imagery_hybrid:`${$}esri:imagery-hybrid.json`,firefly:`${$}esri:firefly.json`,firefly_hybrid:`${$}esri:firefly-hybrid.json`,oceans:`${$}esri:oceans.json`}},M="https://{s}.basemaps.cartocdn.com/rastertiles/",S="https://stamen-tiles-{s}.a.ssl.fastly.net/",j="https://{s}.tile.thunderforest.com/",_={osm:{org:"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",human:"https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",cycle:"https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",topo:"https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",_copy:'<a href="https://www.openstreetmap.org/copyright" target="_blank">&copy; OpenStreetMap</a>'},carto:{voyager:`${M}voyager_labels_under/{z}/{x}/{y}{r}.png`,positron:`${M}light_all/{z}/{x}/{y}{r}.png`,dark:`${M}dark_all/{z}/{x}/{y}{r}.png`,_copy:'<a href="https://carto.com/attribution" target="_blank">&copy; Carto</a>'},stamen:{toner:`${S}toner/{z}/{x}/{y}{r}.png`,toner_lite:`${S}toner-lite/{z}/{x}/{y}{r}.png`,watercolor:`${S}watercolor/{z}/{x}/{y}.png`,terrain:`${S}terrain/{z}/{x}/{y}{r}.png`,_copy:'<a href="https://stamen.com/privacy-policy" target="_blank">&copy; Stamen Design</a>'},tf:{cycle:`${j}cycle/{z}/{x}/{y}{r}.png?apikey={apikey}`,trans:`${j}transport/{z}/{x}/{y}{r}.png?apikey={apikey}`,trans_dark:`${j}transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}`,landscape:`${j}landscape/{z}/{x}/{y}{r}.png?apikey={apikey}`,outdoors:`${j}outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}`,neighbourhood:`${j}neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}`,spinal:`${j}spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}`,pioneer:`${j}pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}`,atlas:`${j}atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,mobile:`${j}mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,_copy:'<a href="https://thunderforest.com/privacy" target="_blank">&copy; Thunderforest</a>'}},z=s("<div></div>",2),C=l(),E=()=>c(C),T=s=>{let l,c;s.id??=p();const[y,b]=d(null),[w,f]=d(),[k,$]=d(!1),[x,M]=d(!1);g((()=>s.onUserInteraction?.(x())));const S=(e,t)=>{s.debug&&console.debug("%c[MapGL]","color: #0ea5e9",e,t||"")},j=(e,t)=>{const o=k()&&t||e;return"string"==typeof o||o instanceof String?o?.split(":").reduce(((e,t)=>e&&e[t]),L)?.replace("{apikey}",s.apikey||import.meta.env.VITE_VECTOR_API_KEY)||o:o||{version:8,sources:{},layers:[]}};return u((async()=>{let e=s.mapLib||await import("mapbox-gl");if(e.Map||(e=window.maplibregl||window.mapboxgl),!e.supported())throw new Error("Mapbox GL not supported");S(`Map (v${e.version}) loading...`),l=new e.Map({accessToken:s.options?.accessToken||import.meta.env.VITE_MAPBOX_ACCESS_TOKEN,interactive:s.options?.interactive||!!s.onViewportChange,...s.options,...s.viewport,projection:s.options?.projection||"mercator",container:c,style:j(s.options?.style,s.darkStyle),fitBoundsOptions:{padding:s.viewport?.padding}}),l.mapLib=e,l.debug=s.debug,l.sourceIdList=[],l.layerIdList=[],l.once("load",(()=>{f(l),b(1),S("Map loaded")})),["mousedown","touchstart","wheel"].forEach((e=>l.on(e,(e=>!e.rotate&&M(!0))))),["moveend","mouseup","touchend"].forEach((e=>l.on(e,(e=>!e.rotate&&M(!1)))));const t="undefined"!=typeof window&&window.matchMedia("(prefers-color-scheme: dark)");t?.addEventListener("change",(()=>{$(t.matches),S("Set dark theme to:",t.matches?.toString())})),new MutationObserver((()=>{const e=document.body.classList.contains("dark");$(e),S("Set dark theme to:",e)})).observe(document.body,{attributes:!0}),v.forEach((e=>{const t=s[e];if(t){const o=e.slice(2).toLowerCase();"function"==typeof t?l.on(o,(e=>{t(e),S(`Map '${o}' event:`,e)})):Object.keys(t).forEach((e=>{l.on(o,e,(r=>{t[e](r),S(`Map '${o}' event on '${e}':`,r)}))}))}})),l.on("move",(e=>{const t={...s.viewport,id:s.id,point:{x:e.originalEvent?.x,y:e.originalEvent?.y},center:s.viewport?.center.lat?l.getCenter():[l.getCenter().lng,l.getCenter().lat],zoom:l.getZoom(),pitch:l.getPitch(),bearing:l.getBearing()};s.onViewportChange&&s.onViewportChange(t)}))})),g((()=>{const e={...s.viewport,padding:s.viewport?.padding||0};l&&s.id!==s.viewport?.id&&!x()&&(l?.stop()[s.transitionType||"flyTo"](e,{viewport:!0}),S(`Update Viewport (${s.transitionType||"flyTo"}):`,e))})),g((e=>{const t=s.viewport?.bounds;return l&&t&&e!==t&&!x()&&(s.onViewportChange({...s.viewport,...l?.cameraForBounds(t,{padding:s.viewport?.padding})}),S("Update Viewport Boundaries:",t)),t}),s.viewport?.bounds),g((e=>{const t=s.options?.projection;if(l&&e!==t)return l.setProjection(t),S("Set Projection to:",t),t}),s.options?.projection),g((()=>{s.cursorStyle&&l&&(l.getCanvas().style.cursor=s.cursorStyle,S("Set Cursor to:",s.cursorStyle))})),g((e=>{const t=j(s.options?.style,s.darkStyle);return l?.isStyleLoaded()&&e!==t&&(l.setStyle(t),l.once("styledata",(()=>b((e=>++e)))),S("Set Mapstyle to:",t)),t}),s.options?.style),["showTileBoundaries","showTerrainWireframe","showCollisionBoxes","showPadding","showOverdrawInspector"].forEach((e=>{g((()=>{const t=s[e];l&&(l[e]=t,S(`Set ${e} to:`,t))}))})),m((()=>{l?.remove(),S("Map removed")})),e(C.Provider,{value:[w,x,S],get children(){return[(()=>{const e=z.cloneNode(!0);return"function"==typeof c?t(c,e):c=e,o((t=>{const o=s.id,l=s?.class,c=s?.classList,p=s?.style||s?.class||s?.classList?s.style:{position:"absolute",inset:0,"z-index":-1};return o!==t._v$&&r(e,"id",t._v$=o),l!==t._v$2&&n(e,t._v$2=l),t._v$3=a(e,c,t._v$3),t._v$4=i(e,p,t._v$4),t}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),e})(),e(h,{get when(){return y()},keyed:!0,get children(){return s.children}})]}})},P=l(),I=()=>c(P),D=t=>{if(!E())return;const[o]=E();t.id??=p();const r=(e,t)=>{o().debug&&console.debug("%c[MapGL]","color: #ec4899",e,t||"")},n=e=>{const o=e?.split(":").reduce(((e,t)=>e&&e[t]),_),r=o?{...t.source,url:"",tiles:[o.replace("{apikey}",t.source.apikey||import.meta.env.VITE_RASTER_API_KEY).replace("{r}",window.devicePixelRatio>1?"@2x":"")],attribution:_[e.split(":")[0]]._copy}:t.source;return r.tiles&&(r.tiles=["a","b","c"].map((e=>r.tiles[0].replace("{s}",e)))),r};o().addSource(t.id,n(t.source.url)),o().sourceIdList.push(t.id),r("Add Source:",t.id);const a=o().getSource(t.id);switch(t.source.type){case"geojson":g((()=>{const e=t.source.data;o().isSourceLoaded(t.id)&&(a.setData(e||{}),r("Update GeoJSON Data:",t.id))}));break;case"image":g((()=>{const e=t.source.url,n=t.source.coordinates;o().isSourceLoaded(t.id)&&(a.updateImage(e,n),r("Update Image Data:",t.id))}));break;case"vector":g((()=>{const e=t.source.url,n=t.source.tiles;o().isSourceLoaded(t.id)&&(e?a.setUrl(e):a.setTiles(n),r("Update Vector Data:",t.id))}));break;case"raster":g((()=>{const e=n(t.source.url);o().isSourceLoaded(t.id)&&(e.url?a.setUrl(e.url):a.setTiles(e.tiles),r("Update Raster Data:",t.id))}))}return m((()=>{o()?.getStyle().layers.forEach((e=>e.source===t.id&&o().removeLayer(e.id))),o()?.getSource(t.id)&&o()?.removeSource(t.id),r("Remove Source:",t.id)})),e(P.Provider,{get value(){return t.id},get children(){return t.children}})},O=(e={},t={})=>[...new Set([...Object.keys(e),...Object.keys(t)])].reduce(((o,r)=>{const n=e[r];return n!==t[r]&&o.push([r,n]),o}),[]),V=e=>{if(!E())return;const[t]=E(),o=e.style?.source||I();e.id??=p();const r=(e,o)=>{t().debug&&console.debug("%c[MapGL]","color: #10b981",e,o||"")};return t().addLayer(e.customLayer||{...e.style,id:e.id,source:o,metadata:{smg:{beforeType:e.beforeType,beforeId:e.beforeId}}},e.beforeType?t().getStyle().layers.find((t=>t.type===e.beforeType))?.id:e.beforeId),t().layerIdList.push(e.id),r("Add Layer:",e.id),b.forEach((o=>{if(e[o]){const n=o.slice(2).toLowerCase();t().on(n,e.id,(t=>{e[o](t),r(`Layer '${n}' event on '${e.id}':`,t)}))}})),g((o=>{const n=e.style;if(n!==o&&t().isStyleLoaded())return n.layout!==o?.layout&&O(n.layout,o?.layout).forEach((([o,r])=>t().setLayoutProperty(e.id,o,r,{validate:!1}))),n.paint!==o?.paint&&O(n.paint,o?.paint).forEach((([o,r])=>t().setPaintProperty(e.id,o,r,{validate:!1}))),n.minzoom===o?.minzoom&&n.maxzoom===o?.maxzoom||t().setLayerZoomRange(e.id,n.minzoom,n.maxzoom),n.filter!==o?.filter&&t().setFilter(e.id,n.filter,{validate:!1}),r("Update Layer Style:",e.id),n}),e.style),g((o=>{if(e.visible!==o)return t().setLayoutProperty(e.id,"visibility",e.visible?"visible":"none",{validate:!1}),r(`Update Visibility (${e.id}):`,e.visible),e.visible}),e.visible),g((async()=>{e.filter&&(!t().isStyleLoaded()&&await t().once("styledata"),t().setFilter(e.id,e.filter),r(`Update Filter (${e.id}):`,e.filter))})),g((async()=>{e.featureState&&e.featureState.id&&(!t().isStyleLoaded()&&await t().once("styledata"),t().removeFeatureState({source:o,sourceLayer:e.style["source-layer"]}),t().setFeatureState({source:o,sourceLayer:e.style["source-layer"],id:e.featureState.id},e.featureState.state))})),m((()=>t()?.getLayer(e.id)&&t()?.removeLayer(e.id))),e.children},A=e=>{if(!E())return;const[t]=E();return g((()=>t().setFog(e.style||{}))),m((()=>t()?.setFog(null))),null},R=e=>{if(!E())return;const[t]=E();let o=I();return void 0===o&&(o=p(),t().addSource(o,t().isMapLibre?{type:"raster-dem",url:"https://demotiles.maplibre.org/terrain-tiles/tiles.json",tileSize:256}:{type:"raster-dem",url:"mapbox://mapbox.terrain-rgb",tileSize:512,maxzoom:14})),g((()=>{t().setTerrain({exaggeration:e.exaggeration||1,source:o})})),m((()=>t().setTerrain(null))),null},q=e=>{if(!E())return;const[t]=E();let o=null;return g((()=>{o&&t().hasControl(o)&&t().removeControl(o),o=((e,t,o,r)=>{if(r)return new r(o);switch(t){case"navigation":return new e.NavigationControl(o);case"scale":return new e.ScaleControl(o);case"attribution":return new e.AttributionControl(o);case"geolocate":return new e.GeolocateControl(o);case"fullscreen":return new e.FullscreenControl;default:throw new Error(`Unknown control type: ${t}`)}})(t().mapLib,e.type,e.options,e.custom),t().addControl(o,e.position)})),m((()=>t()?.removeControl(o))),null},U=e=>{if(!E())return;const[t]=E();let o=null,r=null;if(!e.lngLat)throw new Error("Marker - lngLat is required");return g((()=>{const n={...e.options},a={...e.options?.popup};if(!t())return;const i=t().mapLib;y((()=>{r?.remove(),r=e.children?new i.Popup(a).setHTML(e.children).on("close",(()=>e.onClose?.())):null,o?.remove(),o=new i.Marker(n).setPopup(r).on("dragstart",(()=>e.onDragStart?.())).on("dragend",(()=>e.onDragEnd?.())).on("drag",(()=>e.onLngLatChange?.(o.getLngLat().toArray()))).setDraggable(e.draggable||e.options?.draggable).setLngLat(e.lngLat).addTo(t()),e.openPopup!==r?.isOpen()&&o.togglePopup()}))})),g((()=>e.openPopup!==r?.isOpen()&&o.togglePopup())),g((()=>o.setLngLat(e.lngLat))),g((()=>r?.setHTML(e.children))),g((()=>o.setDraggable(e.draggable))),m((()=>o?.remove())),null},F=e=>{if(!E())return;const[t]=E();let o=null;if(!e.trackPointer&&!e.lngLat)throw new Error("Popup - lngLat or trackPointer is required");return g((()=>{const r={...e.options};if(!t())return;const n=t().mapLib;y((()=>{o?.remove(),o=new n.Popup(e.trackPointer?{...r,closeOnClick:!1,closeButton:!1}:{focusAfterOpen:!1,...r}).setHTML(e.children||"").setLngLat(e.lngLat).on("close",(()=>e.onClose?.())).addTo(t())}))})),g((()=>e.trackPointer?o.trackPointer():o.setLngLat(e.lngLat))),g((()=>o.setHTML(e.children||""))),m((()=>o?.remove())),null},G={diagonal_l:{size:20,path:"M20 0 0 20M-10 10 10-10M10 30 30 10"},diagonal_r:{size:20,path:"M0 0 20 20M30 10 10-10M10 30-10 10"},horizontal:{size:14,path:"M7 0V20"},vertical:{size:14,path:"M0 7H20"},cross:{size:18,path:"M9 0V18M0 9H18"},hash:{size:30,path:"M15 0 30 15 15 30 0 15Z"},chevron_h:{size:20,path:"M-5 5 0 10 10 0 20 10 25 5M0 30 10 20 20 30"},chevron_v:{size:20,path:"M5-5 10 0 0 10 10 20 5 25M25 15 20 10 25 5"},square:{size:20,path:"M8 8H12V12H8Z",fill:!0},hex:{size:50,path:"M0 0V50L50 25ZM50 0V50L0 25ZM25 0V50"},circle:{size:25,path:"M8 10A2.5 2.5 0 118.01 10M18 15A2.5 2.5 0 1018.01 15",fill:!0}},Z=Object.keys(G),B=e=>{if(!E())return;const[t]=E(),[o,r]=d({width:0,height:0});m((()=>t()?.hasImage(e.id)&&t()?.removeImage(e.id))),g((()=>{if(!e.id)throw new Error("Image - ID is required");if(!e.source&&!e.pattern)throw new Error("Image - Image or Pattern is required");const i=e.pattern?{pixelRatio:2,...e.options}:e.options;n(e.source||a(e.pattern),(n=>{const{width:a,height:s}=n;t().hasImage(e.id)||t().addImage(e.id,n,i),!e.pattern&&y((()=>a===o().width&&s===o().height))?(t().updateImage(e.id,n),t().triggerRepaint()):(t().removeImage(e.id),t().addImage(e.id,n,i)),r({width:a,height:s})}))}));const n=(o,r)=>{if("string"==typeof o&&o?.trimStart().startsWith("<svg")&&(o=(new DOMParser).parseFromString(o,"image/svg+xml").childNodes[0]),o instanceof SVGElement&&(e.options?.fill&&o.setAttribute("fill",e.options.fill),e.options?.stroke&&o.setAttribute("stroke",e.options.stroke),o=(new XMLSerializer).serializeToString(o)),"string"!=typeof o)return r(o);t().loadImage(o,(async(t,n)=>{if(!t)return r(n);{"string"==typeof o&&o?.trimEnd().endsWith(".svg")&&(o=await(await fetch(o)).text(),(o=(new DOMParser).parseFromString(o,"image/svg+xml").childNodes[0]).setAttribute("fill",e.options.fill),o.setAttribute("stroke",e.options.stroke),o.setAttribute("transform",e.options.transform),o=(new XMLSerializer).serializeToString(o));const t=new Image;t.crossOrigin="Anonymous",t.onload=()=>{const e=document.createElement("canvas");e.width=Math.max(t.width,50),e.height=Math.max(t.height,50);const o=e.getContext("2d");return o.imageSmoothingEnabled=!0,o.drawImage(t,0,0,e.width,e.height),r(o.getImageData(0,0,e.width,e.height))},t.src=o.trimStart().startsWith("<svg")?"data:image/svg+xml;charset=utf-8,"+o:o}}))},a=e=>{const t=G[e.type];return{width:t.size,height:t.size,data:new Uint8Array(t.size*t.size*4),onAdd:function(){let e=document.createElement("canvas");e.width=e.height=t.size,this.ctx=e.getContext("2d",{willReadFrequently:!0})},render:function(){return this.ctx.fillStyle=e.background||"transparent",this.ctx.fillRect(0,0,this.width,this.height),this.ctx.strokeStyle=this.ctx.fillStyle=e.color||"black",this.ctx.lineWidth=e.lineWith||1,this.ctx.stroke(new Path2D(t.path)),t.fill&&this.ctx.fill(new Path2D(t.path)),this.data=this.ctx.getImageData(0,0,this.width,this.height).data,!0}}};return null},W={in:e=>e*e,out:e=>1-(1-e)*(1-e),inOut:e=>e<.5?2*e*e:1-Math.pow(-2*e+2,2)/2},N=e=>{if(!E())return;const[t,o]=E();let r=.1,n=!1;const a=o=>{e.translate&&window.requestAnimationFrame(a);const i=[e.translate.start,e.translate.end,e.translate.easing?W[e.translate.easing](r):r];(async([e,o,r],n)=>{const a=t().getFreeCameraOptions();a.position=t().mapLib.MercatorCoordinate.fromLngLat([e,o],r),a.lookAtPoint(n),t().setFreeCameraOptions(a)})("line"===e.translate.type?((e,t,o)=>e.map(((r,n)=>(1-o)*e[n]+o*t[n])))(...i):((e,t,o)=>{const r=e.map(((o,r)=>e[r]*t[r])).reduce(((e,t)=>e+t)),n=Math.acos(r);return e.map(((r,a)=>Math.sin((1-o)*n)/Math.sin(n)*e[a]+Math.sin(o*n)/Math.sin(n)*t[a]))})(...i),e.translate.target),!e.translate.loop&&(r>1||r<0)&&(n=!n),r=n?r-.001:r+.001};g((()=>{e.translate&&window.requestAnimationFrame(a)}));const i=()=>{const r=e.rotateGlobe.secPerRev||120,n=e.rotateGlobe.maxZoom||5,a=e.rotateGlobe.slowZoom||3,i=t().getZoom();if(!e.rotateGlobe||o()||i>n)return;let s=360/r;i>a&&(s*=(n-i)/(n-a));const l=t().getCenter();l.lng=e.reverse?l.lng+s:l.lng-s,t().easeTo({center:l,duration:1e3,easing:e=>e},{rotate:!0})},s=()=>{if(!e.rotateViewport||o())return;const r=e.rotateViewport?.secPerRev||60,n=e.reverse?t().getBearing()+360/r:t().getBearing()-360/r;t().easeTo({bearing:n,pitch:e.rotateViewport?.pitch||60,duration:1e3,around:e.rotateViewport?.around,easing:e=>e},{rotate:!0})},l=t=>{t.rotate&&e.rotateGlobe?i():s()},c=()=>e.rotateGlobe?i():s();let p;return t().on("moveend",l).on("dragend",c),g((()=>{null!=e.rotateGlobe&&(e.rotateGlobe?(p=t().getCenter(),i()):e.resetWhenStopped?t().stop().easeTo({center:p}):t().stop())})),g((()=>{null!=e.rotateViewport&&(e.rotateViewport?s():e.resetWhenStopped?t().stop().resetNorthPitch():t().stop())})),m((()=>t().off("moveend",l).off("dragend",c))),e.children},H=e=>{if(!E())return;const[t]=E();return g((()=>t().setLight(e.style||{}))),m((()=>t()?.setLight(null))),null},X=e=>{if(!E())return;const[t]=E(),o=new e.lib(e.options);return t().addControl(o,e.position||"top-right"),e.getInstance(o),w.forEach((o=>{if(e[o]){const r=`draw.${o.slice(2).toLowerCase()}`;t().on(r,(t=>e[o](t)))}})),m((()=>{t()?.removeControl(o)})),null};export{A as Atmosphere,N as Camera,q as Control,X as Draw,B as Image,V as Layer,H as Light,U as Marker,F as Popup,D as Source,R as Terrain,T as default,Z as patternList,E as useMap,I as useSourceId};
2
2
  //# sourceMappingURL=index.js.map
package/dist/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/mapStyles.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Atmosphere/index.tsx","../../src/components/Terrain/index.tsx","../../src/components/Control/index.tsx","../../src/components/Marker/index.tsx","../../src/components/Popup/index.tsx","../../src/components/Image/index.tsx","../../src/components/Camera/index.tsx","../../src/components/Light/index.tsx"],"sourcesContent":["import type {\n MapMouseEvent,\n MapTouchEvent,\n MapWheelEvent,\n MapDataEvent,\n MapBoxZoomEvent,\n} from 'mapbox-gl/src/ui/events'\n\ntype mapEventTypes = {\n onMouseDown?: (event: MapMouseEvent) => void\n onMouseUp?: (event: MapMouseEvent) => void\n onMouseOver?: (event: MapMouseEvent) => void\n onMouseOut?: (event: MapMouseEvent) => void\n onMouseMove?: (event: MapMouseEvent) => void\n onMouseEnter?: (event: MapMouseEvent) => void\n onMouseLeave?: (event: MapMouseEvent) => void\n onPreClick?: (event: MapMouseEvent) => void\n onClick?: (event: MapMouseEvent) => void\n onDblClick?: (event: MapMouseEvent) => void\n onContextMenu?: (event: MapMouseEvent) => void\n onTouchStart?: (event: MapTouchEvent) => void\n onTouchEnd?: (event: MapTouchEvent) => void\n onTouchCancel?: (event: MapTouchEvent) => void\n onTouchMove?: (event: MapTouchEvent) => void\n onWheel?: (event: MapWheelEvent) => void\n onResize?: () => void\n onRemove?: () => void\n onMoveStart?: (event: DragEvent) => void\n onMove?: (event: MapMouseEvent | MapTouchEvent) => void\n onMoveEnd?: (event: DragEvent) => void\n onDragStart?: (event: DragEvent) => void\n onDrag?: (event: MapMouseEvent | MapTouchEvent) => void\n onDragEnd?: (event: DragEvent) => void\n onZoomStart?: (event: MapMouseEvent | MapTouchEvent) => void\n onZoom?: (event: MapMouseEvent | MapTouchEvent) => void\n onZoomEnd?: (event: MapMouseEvent | MapTouchEvent) => void\n onRotateStart?: (event: MapMouseEvent | MapTouchEvent) => void\n onRotate?: (event: MapMouseEvent | MapTouchEvent) => void\n onRotatEnd?: (event: MapMouseEvent | MapTouchEvent) => void\n onPitchStart?: (event: MapDataEvent) => void\n onPitch?: (event: MapDataEvent) => void\n onPitchEnd?: (event: MapDataEvent) => void\n onBoxZoomStart?: (event: MapBoxZoomEvent) => void\n onBoxZoomEnd?: (event: MapBoxZoomEvent) => void\n onBoxZoomCancel?: (event: MapBoxZoomEvent) => void\n onWebglContextLost?: () => void\n onWebglContextRestored?: () => void\n onLoad?: (event: any) => void\n onRender?: () => void\n onIdle?: () => void\n onError?: (error: string) => void\n onData?: (event: MapDataEvent) => void\n onStyleData?: (event: MapDataEvent) => void\n onSourceData?: (event: MapDataEvent) => void\n onDataLoading?: (event: MapDataEvent) => void\n onStyleDataLoading?: (event: MapDataEvent) => void\n onSourceDataLoading?: (event: MapDataEvent) => void\n onStyleImageMissing?: (event: MapDataEvent) => void\n}\n\nconst mapEvents: string[] = [\n 'onMouseDown',\n 'onMouseUp',\n 'onMouseOver',\n 'onMouseOut',\n 'onMouseMove',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onPreClick',\n 'onClick',\n 'onDblClick',\n 'onContextMenu',\n 'onTouchStart',\n 'onTouchEnd',\n 'onTouchCancel',\n 'onWheel',\n 'onResize',\n 'onRemove',\n 'onTouchMove',\n 'onMoveStart',\n 'onMove',\n 'onMoveEnd',\n 'onDragStart',\n 'onDrag',\n 'onDragEnd',\n 'onZoomStart',\n 'onZoom',\n 'onZoomEnd',\n 'onRotateStart',\n 'onRotate',\n 'onRotatEnd',\n 'onPitchStart',\n 'onPitch',\n 'onPitchEnd',\n 'onBoxZoomStart',\n 'onBoxZoomEnd',\n 'onBoxZoomCancel',\n 'onWebglContextLost',\n 'onWebglContextRestored',\n 'onLoad',\n 'onRender',\n 'onIdle',\n 'onError',\n 'onData',\n 'onStyleData',\n 'onSourceData',\n 'onDataLoading',\n 'onStyleDataLoading',\n 'onSourceDataLoading',\n 'onStyleImageMissing',\n]\n\ntype layerEventTypes = {\n onMouseDown?: (event: MapMouseEvent) => void\n /** called when the mouse button is pressed down on the layer */\n onMouseUp?: (event: MapMouseEvent) => void\n /** called when the mouse button is released after a mouse down event on the layer */\n onMouseOver?: (event: MapMouseEvent) => void\n /** called when the mouse enters the layer */\n onMouseOut?: (event: MapMouseEvent) => void\n /** called when the mouse leaves the layer */\n onMouseMove?: (event: MapMouseEvent) => void\n /** called when the mouse is moved over the layer */\n onMouseEnter?: (event: MapMouseEvent) => void\n /** called when the mouse enters the layer */\n onMouseLeave?: (event: MapMouseEvent) => void\n /** called when the mouse leaves the layer */\n onClick?: (event: MapMouseEvent) => void\n /** called when the layer is clicked */\n onDblClick?: (event: MapMouseEvent) => void\n /** called when the layer is double-clicked */\n onContextMenu?: (event: MapMouseEvent) => void\n /** called when the context menu is triggered on the layer */\n onTouchStart?: (event: MapTouchEvent) => void\n /** called when a touch event is started on the layer */\n onTouchEnd?: (event: MapTouchEvent) => void\n /** called when a touch event is ended on the layer */\n onTouchCancel?: (event: MapTouchEvent) => void\n /** called when a touch event is cancelled on the layer */\n}\n\nconst layerEvents: any[] = [\n 'onMouseDown',\n 'onMouseUp',\n 'onMouseOver',\n 'onMouseOut',\n 'onMouseMove',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onClick',\n 'onDblClick',\n 'onContextMenu',\n 'onTouchStart',\n 'onTouchEnd',\n 'onTouchCancel',\n]\n\nexport { mapEvents, layerEvents }\nexport type { mapEventTypes, layerEventTypes }\n","const mapBase = 'mapbox://styles/mapbox'\nconst gitBase = 'https://raw.githubusercontent.com/'\nconst gishub = 'https://raw.githubusercontent.com/GIShub4/map-styles/main/'\nconst hereBase = 'https://assets.vector.hereapi.com/styles/'\n\nexport const vectorStyleList: object = {\n mb: {\n light: `${mapBase}/light-v11`,\n dark: `${mapBase}/dark-v11`,\n street: `${mapBase}/streets-v12`,\n outdoor: `${mapBase}/outdoors-v12`,\n sat: `${mapBase}/satellite-v9`,\n sat_street: `${mapBase}/satellite-streets-v12`,\n nav: `${mapBase}/navigation-guidance-day-v4`,\n nav_night: `${mapBase}/navigation-guidance-night-v4`,\n basic: `${mapBase}/cjf4m44iw0uza2spb3q0a7s41`,\n monochrome: `${mapBase}/cjv6rzz4j3m4b1fqcchuxclhb`,\n leshine: `${mapBase}/cjcunv5ae262f2sm9tfwg8i0w`,\n icecream: `${mapBase}/cj7t3i5yj0unt2rmt3y4b5e32`,\n cali: `${mapBase}/cjerxnqt3cgvp2rmyuxbeqme7`,\n northstar: `${mapBase}/cj44mfrt20f082snokim4ungi`,\n mineral: `${mapBase}/cjtep62gq54l21frr1whf27ak`,\n moonlight: `${mapBase}/cj3kbeqzo00022smj7akz3o1e`,\n frank: `${mapBase}-map-design/ckshxkppe0gge18nz20i0nrwq`,\n minimo: `${mapBase}-map-design/cksjc2nsq1bg117pnekb655h1`,\n decimal: `${mapBase}-map-design/ck4014y110wt61ctt07egsel6`,\n standard: `${mapBase}-map-design/ckr0svm3922ki18qntevm857n`,\n blueprint: `${mapBase}-map-design/cks97e1e37nsd17nzg7p0308g`,\n bubble: `${mapBase}-map-design/cksysy2nl62zp17quosctdtcc`,\n pencil: `${mapBase}-map-design/cks9iema71es417mlrft4go2k`,\n swiss_ski: `${gitBase}mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,\n vintage: `${gitBase}mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,\n whaam: `${gitBase}mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,\n neon: `${gitBase}NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,\n camoflauge: `${gitBase}jingsam/mapbox-gl-styles/master/Camouflage.json`,\n emerald: `${gitBase}jingsam/mapbox-gl-styles/master/Emerald.json`,\n runner: `${gitBase}jingsam/mapbox-gl-styles/master/Runner.json`,\n x_ray: `${gitBase}jingsam/mapbox-gl-styles/master/X-ray.json`,\n },\n here: {\n base: `${hereBase}berlin/base/mapbox/tilezen?apikey={apikey}`,\n day: `${hereBase}berlin/day/mapbox/tilezen?apikey={apikey}`,\n night: `${hereBase}berlin/night/mapbox/tilezen?apikey={apikey}`,\n },\n esri: {\n blueprint: `${gishub}esri:blueprint.json`,\n charted_territory: `${gishub}esri:charted-territory.json`,\n colored_pencil: `${gishub}esri:colored-pencil.json`,\n community: `${gishub}esri:community.json`,\n mid_century: `${gishub}esri:mid-century.json`,\n modern_antique: `${gishub}esri:modern-antique.json`,\n nat_geo: `${gishub}esri:national-geographic.json`,\n newspaper: `${gishub}esri:newspaper.json`,\n open_street_map: `${gishub}esri:open-street-map.json`,\n light_gray_canvas: `${gishub}esri:light-gray-canvas.json`,\n dark_gray_canvas: `${gishub}esri:dark-gray-canvas.json`,\n human_geo_light: `${gishub}esri:human-geography-light.json`,\n human_geo_dark: `${gishub}esri:human-geography-dark.json`,\n world_navigation: `${gishub}esri:world-navigation.json`,\n world_street: `${gishub}esri:world-street.json`,\n world_street_night: `${gishub}esri:world-street-night.json`,\n world_terrain: `${gishub}esri:world-terrain.json`,\n world_terrain_hybrid: `${gishub}esri:world-terrain-hybrid.json`,\n world_topographic: `${gishub}esri:world-topographic.json`,\n chromium: `${gishub}esri:chromium.json`,\n dreamcatcher: `${gishub}esri:dreamcatcher.json`,\n seahaven: `${gishub}esri:seahaven.json`,\n sangria: `${gishub}esri:sangria.json`,\n mercurial: `${gishub}esri:mercurial.json`,\n imagery: `${gishub}esri:imagery.json`,\n imagery_hybrid: `${gishub}esri:imagery-hybrid.json`,\n firefly: `${gishub}esri:firefly.json`,\n firefly_hybrid: `${gishub}esri:firefly-hybrid.json`,\n oceans: `${gishub}esri:oceans.json`,\n },\n}\nconst carto = 'https://{s}.basemaps.cartocdn.com/rastertiles/'\nconst stamen = 'https://stamen-tiles-{s}.a.ssl.fastly.net/'\nconst tf = 'https://{s}.tile.thunderforest.com/'\n\nexport const rasterStyleList: object = {\n osm: {\n org: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n human: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',\n cycle: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',\n topo: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',\n _copy:\n '<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">&copy; OpenStreetMap</a>',\n },\n carto: {\n voyager: `${carto}voyager_labels_under/{z}/{x}/{y}{r}.png`,\n positron: `${carto}light_all/{z}/{x}/{y}{r}.png`,\n dark: `${carto}dark_all/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://carto.com/attribution\" target=\"_blank\">&copy; Carto</a>',\n },\n stamen: {\n toner: `${stamen}toner/{z}/{x}/{y}{r}.png`,\n toner_lite: `${stamen}toner-lite/{z}/{x}/{y}{r}.png`,\n watercolor: `${stamen}watercolor/{z}/{x}/{y}.png`,\n terrain: `${stamen}terrain/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://stamen.com/privacy-policy\" target=\"_blank\">&copy; Stamen Design</a>',\n },\n tf: {\n cycle: `${tf}cycle/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans: `${tf}transport/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans_dark: `${tf}transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n landscape: `${tf}landscape/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n outdoors: `${tf}outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n neighbourhood: `${tf}neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n spinal: `${tf}spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n pioneer: `${tf}pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n atlas: `${tf}atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n mobile: `${tf}mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n _copy:\n '<a href=\"https://thunderforest.com/privacy\" target=\"_blank\">&copy; Thunderforest</a>',\n },\n}\n","import {\n createSignal,\n createEffect,\n onMount,\n onCleanup,\n createContext,\n useContext,\n Component,\n createUniqueId,\n Show,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport { vectorStyleList } from '../../mapStyles'\nimport type { mapEventTypes } from '../../events'\nimport type { MapboxMap, MapboxOptions } from 'mapbox-gl/src/ui/map'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\nimport type { LngLatBounds } from 'mapbox-gl/src/geo/lng_lat_bounds.js'\nimport type { PaddingOptions } from 'mapbox-gl/src/geo/edge_insets.js'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { JSX } from 'solid-js'\n\nexport type Viewport = {\n id?: string\n point?: { x: number; y: number }\n center?: LngLatLike\n bounds?: LngLatBounds\n zoom?: number\n pitch?: number\n bearing?: number\n padding?: PaddingOptions\n}\n\ntype Props = {\n /** ID for the map container element */\n id?: string\n /** Map Container CSS Style */\n style?: JSX.CSSProperties\n /** Map Container CSS Class */\n class?: string\n /** SolidJS Class List for Map Container */\n classList?: {\n [k: string]: boolean | undefined\n }\n /** Current Map View */\n viewport?: Viewport\n /** Mapbox Options\n * @see https://docs.mapbox.com/mapbox-gl-js/api/map/#map-parameters\n */\n options?: MapboxOptions\n /** Type for pan, move and zoom transitions */\n transitionType?: 'flyTo' | 'easeTo' | 'jumpTo'\n /** Event listener for Viewport updates */\n onViewportChange?: (viewport: Viewport) => void\n /** Event listener for User Interaction */\n onUserInteraction?: (user: boolean) => void\n /** Displays Map Tile Borders */\n showTileBoundaries?: boolean\n /** Displays Wireframe if Terrain is visible */\n showTerrainWireframe?: boolean\n /** Displays Borders if Padding is set */\n showPadding?: boolean\n /** Displays Label Collision Boxes */\n showCollisionBoxes?: boolean\n /** Displays all feature outlines even if normally not drawn by style rules */\n showOverdrawInspector?: boolean\n /** Mouse Cursor Style */\n cursorStyle?: string\n //** Dark Map Style */\n darkStyle?: StyleSpecification | string\n //** Disable automatic map resize */\n disableResize?: boolean\n //** MapLibre library */\n mapLib?: any\n //** APIkey for vector service */\n apikey?: string\n //** Debug Message Mode */\n debug?: boolean\n ref?: HTMLDivElement\n /** Children within the Map Container */\n children?: any\n} & mapEventTypes\n\nconst MapContext = createContext<MapboxMap>()\n/** Provides the Mapbox Map Object */\nexport const useMap = (): MapboxMap => useContext(MapContext)\n\n/** Creates a new Map Container */\nexport const MapGL: Component<Props> = props => {\n props.id ??= createUniqueId()\n\n let map: MapboxMap\n let mapRef: HTMLDivElement\n let resizeObserver: ResizeObserver\n\n const [mapChanged, setMapChanged] = createSignal(null)\n const [mapRoot, setMapRoot] = createSignal<MapboxMap>()\n const [darkMode, setDarkMode] = createSignal(false)\n const [userInteraction, setUserInteraction] = createSignal(false)\n // debounce user interactions\n createEffect(() => props.onUserInteraction?.(userInteraction()))\n\n const debug = (text, value?) => {\n props.debug &&\n console.debug('%c[MapGL]', 'color: #0ea5e9', text, value || '')\n }\n\n const getStyle = (light, dark) => {\n const style = darkMode() ? dark || light : light\n return typeof style === 'string' || style instanceof String\n ? style\n ?.split(':')\n .reduce((p, c) => p && p[c], vectorStyleList)\n ?.replace(\n '{apikey}',\n //@ts-ignore\n props.apikey || import.meta.env.VITE_VECTOR_API_KEY\n ) || style\n : style || { version: 8, sources: {}, layers: [] }\n }\n\n onMount(async () => {\n let mapLib = props.mapLib || (await import('mapbox-gl'))\n if (!mapLib.Map) mapLib = window['maplibregl'] || window['mapboxgl']\n\n if (!mapLib.supported()) throw new Error('Mapbox GL not supported')\n\n debug(`Map (v${mapLib.version}) loading...`)\n map = new mapLib.Map({\n accessToken:\n //@ts-ignore\n props.options?.accessToken || import.meta.env.VITE_MAPBOX_ACCESS_TOKEN,\n interactive: props.options?.interactive || !!props.onViewportChange,\n ...props.options,\n ...props.viewport,\n projection: props.options?.projection || 'mercator',\n container: mapRef,\n style: getStyle(props.options?.style || 'mb:light', props.darkStyle),\n fitBoundsOptions: { padding: props.viewport?.padding },\n } as MapboxOptions)\n\n map.mapLib = mapLib\n map.debug = props.debug\n map.sourceIdList = []\n map.layerIdList = []\n\n map.once('load', () => {\n setMapRoot(map)\n setMapChanged(1)\n debug('Map loaded')\n })\n\n // Handle User Interaction\n ;['mousedown', 'touchstart', 'wheel'].forEach(event =>\n map.on(event, evt => !evt.rotate && setUserInteraction(true))\n )\n ;['moveend', 'mouseup', 'touchend'].forEach(event =>\n map.on(event, evt => !evt.rotate && setUserInteraction(false))\n )\n\n // Listen to dark theme changes\n const darkTheme =\n typeof window !== 'undefined' &&\n window.matchMedia('(prefers-color-scheme: dark)')\n darkTheme?.addEventListener('change', () => {\n setDarkMode(darkTheme.matches)\n debug('Set dark theme to:', darkTheme.matches?.toString())\n })\n new MutationObserver(() => {\n const darkTheme = document.body.classList.contains('dark')\n setDarkMode(darkTheme)\n debug('Set dark theme to:', darkTheme)\n }).observe(document.body, { attributes: true })\n\n // Listen to map container size changes\n // !props.disableResize &&\n // new ResizeObserver(() => {\n // map?.resize()\n // debug('Map resized')\n // }).observe(mapRef as Element)\n\n // Hook up events\n mapEvents.forEach(item => {\n const prop = props[item]\n if (prop) {\n const event = item.slice(2).toLowerCase()\n if (typeof prop === 'function') {\n map.on(event, e => {\n prop(e)\n debug(`Map '${event}' event:`, e)\n })\n } else {\n Object.keys(prop).forEach(layerId => {\n map.on(event, layerId, e => {\n prop[layerId](e)\n debug(`Map '${event}' event on '${layerId}':`, e)\n })\n })\n }\n }\n })\n\n // Hook up viewport events\n map.on('move', event => {\n const viewport: Viewport = {\n ...props.viewport,\n id: props.id,\n point: { x: event.originalEvent?.x, y: event.originalEvent?.y },\n center: props.viewport?.center.lat\n ? map.getCenter()\n : [map.getCenter().lng, map.getCenter().lat],\n zoom: map.getZoom(),\n pitch: map.getPitch(),\n bearing: map.getBearing(),\n }\n props.onViewportChange && props.onViewportChange(viewport)\n })\n })\n\n // Update Viewport\n createEffect(() => {\n const viewport = {\n ...props.viewport,\n padding: props.viewport?.padding || 0,\n }\n if (!map || props.id === props.viewport?.id || userInteraction()) return\n map?.stop()[props.transitionType || 'flyTo'](viewport, { viewport: true })\n debug(`Update Viewport (${props.transitionType || 'flyTo'}):`, viewport)\n })\n\n // Update boundaries\n createEffect(prev => {\n const bounds = props.viewport?.bounds\n if (map && bounds && prev !== bounds && !userInteraction()) {\n props.onViewportChange({\n ...props.viewport,\n ...map?.cameraForBounds(bounds, {\n padding: props.viewport?.padding,\n }),\n })\n debug(`Update Viewport Boundaries:`, bounds)\n }\n return bounds\n }, props.viewport?.bounds)\n\n // Update Projection\n createEffect(prev => {\n const proj = props.options?.projection\n if (!map || prev === proj) return\n map.setProjection(proj)\n debug('Set Projection to:', proj)\n return proj\n }, props.options?.projection)\n\n // Update cursor\n createEffect(() => {\n if (!props.cursorStyle || !map) return\n map.getCanvas().style.cursor = props.cursorStyle\n debug('Set Cursor to:', props.cursorStyle)\n })\n\n // Update map style\n createEffect(prev => {\n const style = getStyle(props.options?.style, props.darkStyle)\n if (map?.isStyleLoaded() && prev !== style) {\n // map.once('idle', () => {\n map.setStyle(style)\n map.once('styledata', () => setMapChanged(c => ++c))\n debug('Set Mapstyle to:', style)\n // })\n // map.isMoving() && map.stop()\n }\n return style\n }, props.options?.style)\n\n // Update debug features\n ;[\n 'showTileBoundaries',\n 'showTerrainWireframe',\n 'showCollisionBoxes',\n 'showPadding',\n 'showOverdrawInspector',\n ].forEach(item => {\n createEffect(() => {\n const prop = props[item]\n if (!map) return\n map[item] = prop\n debug(`Set ${item} to:`, prop)\n })\n })\n\n onCleanup(() => {\n resizeObserver?.disconnect()\n map?.remove()\n debug('Map removed')\n })\n\n return (\n <MapContext.Provider value={[mapRoot, userInteraction, debug]}>\n <div\n ref={mapRef}\n id={props.id}\n class={props?.class}\n classList={props?.classList}\n style={\n props?.style || props?.class || props?.classList\n ? props.style\n : {\n position: 'absolute',\n inset: 0,\n 'z-index': -1,\n }\n }\n />\n <Show when={mapChanged()} keyed>\n {props.children}\n </Show>\n </MapContext.Provider>\n )\n}\n","import {\n onCleanup,\n createEffect,\n Component,\n createContext,\n useContext,\n createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport { rasterStyleList } from '../../mapStyles'\n\nconst SourceContext = createContext<string>()\nexport const useSourceId = (): string => useContext(SourceContext)\n\ntype Props = {\n /** @optional Source ID for referencing non nexted Layers */\n id?: string\n /** @see https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/ */\n source: SourceSpecification\n /** The map layers associated with this source */\n children?: any\n}\n\nexport const Source: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n props.id ??= createUniqueId()\n\n const debug = (text, value?) => {\n map().debug &&\n console.debug('%c[MapGL]', 'color: #ec4899', text, value || '')\n }\n\n const lookup = url => {\n const s = url?.split(':').reduce((p, c) => p && p[c], rasterStyleList)\n const source = s\n ? {\n ...props.source,\n url: '',\n tiles: [\n s\n .replace(\n '{apikey}', //@ts-ignore\n props.source.apikey || import.meta.env.VITE_RASTER_API_KEY\n )\n .replace('{r}', window.devicePixelRatio > 1 ? '@2x' : ''),\n ],\n attribution: rasterStyleList[url.split(':')[0]]._copy,\n }\n : props.source\n\n source.tiles &&\n (source.tiles = ['a', 'b', 'c'].map(i =>\n source.tiles[0].replace('{s}', i)\n ))\n\n return source\n }\n\n // Add Source\n map().addSource(props.id, lookup(props.source.url))\n map().sourceIdList.push(props.id)\n debug('Add Source:', props.id)\n\n // Update Data\n const source = map().getSource(props.id)\n switch (props.source.type) {\n case 'geojson':\n createEffect(() => {\n const data = props.source.data\n if (!map().isSourceLoaded(props.id)) return\n source.setData(data || {})\n debug('Update GeoJSON Data:', props.id)\n })\n break\n case 'image':\n createEffect(() => {\n const url = props.source.url\n const coords = props.source.coordinates\n if (!map().isSourceLoaded(props.id)) return\n source.updateImage(url, coords)\n debug('Update Image Data:', props.id)\n })\n break\n case 'vector':\n createEffect(() => {\n const url = props.source.url\n const tiles = props.source.tiles\n if (!map().isSourceLoaded(props.id)) return\n url ? source.setUrl(url) : source.setTiles(tiles)\n debug('Update Vector Data:', props.id)\n })\n break\n case 'raster':\n createEffect(() => {\n const src = lookup(props.source.url)\n if (!map().isSourceLoaded(props.id)) return\n src.url ? source.setUrl(src.url) : source.setTiles(src.tiles)\n debug('Update Raster Data:', props.id)\n })\n break\n }\n\n // Remove Source\n onCleanup(() => {\n map()\n ?.getStyle()\n .layers.forEach(\n layer => layer.source === props.id && map().removeLayer(layer.id)\n )\n map()?.getSource(props.id) && map()?.removeSource(props.id)\n debug('Remove Source:', props.id)\n })\n\n return (\n <SourceContext.Provider value={props.id}>\n {props.children}\n </SourceContext.Provider>\n )\n}\n","import { onCleanup, createEffect, Component, createUniqueId } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport { layerEvents } from '../../events'\nimport type { layerEventTypes } from '../../events'\nimport type {\n FilterSpecification,\n StyleSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\nimport type { CustomLayerInterface } from 'mapbox-gl/src/style/style_layer/custom_style_layer'\n\nconst diff = (\n newProps: StyleSpecification = {},\n prevProps: StyleSpecification = {}\n): [string, any][] => {\n const keys = new Set([...Object.keys(newProps), ...Object.keys(prevProps)])\n return [...keys].reduce((acc, key: string) => {\n const value = newProps[key]\n if (value !== prevProps[key]) {\n acc.push([key, value])\n }\n return acc\n }, [])\n}\n\ntype Props = {\n id?: string\n /** A string that uniquely identifies the layer. If not provided, a unique ID will be generated. */\n style?: StyleSpecification\n /** A Mapbox Style Specification object that defines the visual appearance of the layer. */\n customLayer?: CustomLayerInterface\n /** An object that implements the `CustomLayerInterface` interface, which allows you to create custom layers using WebGL. */\n filter?: FilterSpecification\n /** A Mapbox filter specification that defines which features of the layer to include or exclude from the layer. */\n visible?: boolean\n /** A boolean that determines whether the layer is visible or not. */\n sourceId?: string\n /** A string that specifies the ID of the source that the layer uses for its data. */\n beforeType?:\n | 'background'\n | 'fill'\n | 'line'\n | 'symbol'\n | 'raster'\n | 'circle'\n | 'fill-extrusion'\n | 'heatmap'\n | 'hillshade'\n | 'sky'\n /** A string that specifies the type of layer before which the current layer should be inserted. */\n beforeId?: string\n /** A string that specifies the ID of the layer before which the current layer should be inserted. */\n featureState?: { id: number | string; state: object }\n /** An object that specifies the state of a feature in the layer. The object consists of an ID (either a number or a string) and an object containing the state. */\n children?: any\n /** Any content that should be rendered within the layer. */\n} & layerEventTypes\n\nexport const Layer: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n const sourceId: string = props.style?.source || useSourceId()\n props.id ??= createUniqueId()\n\n const debug = (text, value?) => {\n map().debug &&\n console.debug('%c[MapGL]', 'color: #10b981', text, value || '')\n }\n\n // Add Layer\n // if (!map().getLayer(props.id)) {\n map().addLayer(\n props.customLayer || {\n ...props.style,\n id: props.id,\n source: sourceId,\n metadata: {\n smg: { beforeType: props.beforeType, beforeId: props.beforeId },\n },\n },\n props.beforeType\n ? map()\n .getStyle()\n .layers.find(l => l.type === props.beforeType)?.id\n : props.beforeId\n )\n map().layerIdList.push(props.id)\n debug('Add Layer:', props.id)\n\n // Hook up events\n layerEvents.forEach(item => {\n if (props[item]) {\n const event = item.slice(2).toLowerCase()\n map().on(event, props.id, evt => {\n props[item](evt)\n debug(`Layer '${event}' event on '${props.id}':`, evt)\n })\n }\n })\n // }\n\n // Update Style\n createEffect((prev: StyleSpecification) => {\n const style = props.style\n if (style === prev || !map().isStyleLoaded()) return\n\n if (style.layout !== prev?.layout)\n diff(style.layout, prev?.layout).forEach(([key, value]) =>\n map().setLayoutProperty(props.id, key, value, { validate: false })\n )\n\n if (style.paint !== prev?.paint)\n diff(style.paint, prev?.paint).forEach(([key, value]) =>\n map().setPaintProperty(props.id, key, value, { validate: false })\n )\n\n if (style.minzoom !== prev?.minzoom || style.maxzoom !== prev?.maxzoom)\n map().setLayerZoomRange(props.id, style.minzoom, style.maxzoom)\n\n if (style.filter !== prev?.filter)\n map().setFilter(props.id, style.filter, { validate: false })\n\n debug('Update Layer Style:', props.id)\n return style\n }, props.style)\n\n // Update Visibility\n createEffect((prev: boolean) => {\n if (props.visible === prev) return\n\n map().setLayoutProperty(\n props.id,\n 'visibility',\n props.visible ? 'visible' : 'none',\n { validate: false }\n )\n debug(`Update Visibility (${props.id}):`, props.visible)\n return props.visible\n }, props.visible)\n\n // Update Filter\n createEffect(async () => {\n if (!props.filter) return\n\n !map().isStyleLoaded() && (await map().once('styledata'))\n map().setFilter(props.id, props.filter)\n debug(`Update Filter (${props.id}):`, props.filter)\n })\n\n // Update Feature State\n createEffect(async () => {\n if (!props.featureState || !props.featureState.id) return\n\n !map().isStyleLoaded() && (await map().once('styledata'))\n\n map().removeFeatureState({\n source: sourceId,\n sourceLayer: props.style['source-layer'],\n })\n map().setFeatureState(\n {\n source: sourceId,\n sourceLayer: props.style['source-layer'],\n id: props.featureState.id,\n },\n props.featureState.state\n )\n })\n\n //Remove Layer\n onCleanup(() => map()?.getLayer(props.id) && map()?.removeLayer(props.id))\n\n return props.children\n}\n","import { onCleanup, createEffect, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\ntype Props = {\n /** Fog/Atmosphere Specifications */\n style?: FogSpecification\n}\n\nexport const Atmosphere: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n\n // Add or Update Atmosphere Layer\n createEffect(() => map().setFog(props.style || {}))\n\n // Remove Atmosphere Layer\n onCleanup(() => map()?.setFog(null))\n\n return null\n}\n","import {\n onCleanup,\n createEffect,\n VoidComponent,\n createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport type {\n SourceSpecification,\n TerrainSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\ntype Props = {\n /** Height exaggeration factor */\n exaggeration?: number\n /** Terrain Source object */\n source?: TerrainSpecification\n}\n\nexport const Terrain: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let sourceId: SourceSpecification = useSourceId()\n\n // Add Terrain Layer\n if (sourceId === undefined) {\n sourceId = createUniqueId()\n map().addSource(\n sourceId,\n map().isMapLibre\n ? {\n type: 'raster-dem',\n url: 'https://demotiles.maplibre.org/terrain-tiles/tiles.json',\n tileSize: 256,\n }\n : {\n type: 'raster-dem',\n url: 'mapbox://mapbox.terrain-rgb',\n tileSize: 512,\n maxzoom: 14,\n }\n )\n }\n\n createEffect(() => {\n map().setTerrain({\n exaggeration: props.exaggeration || 1,\n source: sourceId,\n })\n })\n\n // Remove Terrain Layer\n onCleanup(() => map().setTerrain(null))\n\n return null\n}\n","import { createEffect, onCleanup, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { Options as AttributionOptions } from 'mapbox-gl/src/ui/control/attribution_control'\nimport type { Options as FullscreenOptions } from 'mapbox-gl/src/ui/control/fullscreen_control'\nimport type { Options as GeolocateOptions } from 'mapbox-gl/src/ui/control/geolocate_control'\nimport type { Options as NavigationOptions } from 'mapbox-gl/src/ui/control/navigation_control'\nimport type { Options as ScaleOptions } from 'mapbox-gl/src/ui/control/scale_control'\n\nconst getControl = (lib, type, options, custom?) => {\n if (custom) return new custom(options)\n switch (type) {\n case 'navigation':\n return new lib.NavigationControl(options)\n case 'scale':\n return new lib.ScaleControl(options)\n case 'attribution':\n return new lib.AttributionControl(options)\n case 'geolocate':\n return new lib.GeolocateControl(options)\n case 'fullscreen':\n return new lib.FullscreenControl()\n // options || { container: map().container }\n default:\n throw new Error(`Unknown control type: ${type}`)\n }\n}\n\ntype Props = {\n type?: 'navigation' | 'scale' | 'attribution' | 'fullscreen' | 'geolocate'\n /** a string that specifies the type of control to be displayed. It can be one of 'navigation', 'scale', 'attribution', 'fullscreen', or 'geolocate' */\n options?:\n | NavigationOptions\n | ScaleOptions\n | AttributionOptions\n | FullscreenOptions\n | GeolocateOptions\n | object\n /** an optional object that contains options specific to the control type */\n custom?: any\n /** an optional field that allows passing a custom control element. */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /** a string that specifies the position of the control on the map. It can be one of 'top-left', 'top-right', 'bottom-left', or 'bottom-right' */\n}\n\nexport const Control: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let control = null\n\n // Add or Update Control\n createEffect(() => {\n control && map().hasControl(control) && map().removeControl(control)\n control = getControl(map().mapLib, props.type, props.options, props.custom)\n map().addControl(control, props.position)\n })\n\n // Remove Control\n onCleanup(() => map()?.removeControl(control))\n\n return null\n}\n","import { onCleanup, createEffect, Component, untrack } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type {\n Popup as PopupType,\n PopupOptions,\n} from 'mapbox-gl/src/ui/popup.js'\nimport type {\n Marker as MarkerType,\n MarkerOptions,\n} from 'mapbox-gl/src/ui/marker.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\ntype Props = {\n /** Options for the Mapbox GL JS marker */\n options?: MarkerOptions & {\n /** Options for the Mapbox GL JS popup that is associated with the marker */\n popup: PopupOptions\n }\n /** The geographical location to place the marker */\n lngLat: LngLatLike\n /** Whether the marker's associated popup should be open */\n openPopup?: boolean\n /** Whether the marker is draggable */\n draggable?: boolean\n /** A function that is called when the marker is dragged to a new location */\n onLngLatChange?: (lngLat: number[]) => void\n /** A function that is called when the marker's associated popup is closed */\n onClose?: () => void\n /** A function that is called when the marker starts being dragged */\n onDragStart?: () => void\n /** A function that is called when the marker stops being dragged */\n onDragEnd?: () => void\n /** The content to be displayed in the marker's associated popup */\n children?: any\n}\n\nexport const Marker: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let marker: MarkerType = null\n let popup: PopupType = null\n\n if (!props.lngLat) throw new Error('Marker - lngLat is required')\n\n // Add or Update Marker\n createEffect(() => {\n const ops = { ...props.options }\n const pops = { ...props.options?.popup }\n if (!map()) return\n const mapboxgl = map().mapLib\n untrack(() => {\n popup?.remove()\n popup = props.children\n ? new mapboxgl.Popup(pops)\n .setHTML(props.children)\n .on('close', () => props.onClose?.())\n : null\n\n marker?.remove()\n marker = new mapboxgl.Marker(ops)\n .setPopup(popup)\n .on('dragstart', () => props.onDragStart?.())\n .on('dragend', () => props.onDragEnd?.())\n .on('drag', () => props.onLngLatChange?.(marker.getLngLat().toArray()))\n .setDraggable(props.draggable || props.options?.draggable)\n .setLngLat(props.lngLat)\n .addTo(map())\n props.openPopup !== popup?.isOpen() && marker.togglePopup()\n })\n })\n\n // Toggle Popup\n createEffect(\n () => props.openPopup !== popup?.isOpen() && marker.togglePopup()\n )\n\n // Update Position\n createEffect(() => marker.setLngLat(props.lngLat))\n\n // Update Popup Content\n createEffect(() => popup?.setHTML(props.children))\n\n // Update Draggable\n createEffect(() => marker.setDraggable(props.draggable))\n\n // Remove Marker\n onCleanup(() => marker?.remove())\n\n return null\n}\n","import { onCleanup, createEffect, Component, untrack } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type {\n Popup as PopupType,\n PopupOptions,\n} from 'mapbox-gl/src/ui/popup.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\ntype Props = {\n /** Options for configuring the popup */\n options?: PopupOptions\n /** Flag for tracking the mouse pointer */\n trackPointer?: boolean\n /** Longitude and latitude for the popup */\n lngLat?: LngLatLike\n /** Callback for when the popup is closed */\n onClose?: () => void\n /** Children to display within the popup */\n children?: any\n}\n\nexport const Popup: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let popup: PopupType = null\n\n if (!props.trackPointer && !props.lngLat)\n throw new Error('Popup - lngLat or trackPointer is required')\n\n // Add or Update Popup\n createEffect(() => {\n const ops = { ...props.options }\n if (!map()) return\n const mapboxgl = map().mapLib\n untrack(() => {\n popup?.remove()\n popup = new mapboxgl.Popup(\n props.trackPointer\n ? { ...ops, closeOnClick: false, closeButton: false }\n : { focusAfterOpen: false, ...ops }\n )\n .setHTML(props.children || '')\n .setLngLat(props.lngLat)\n .on('close', () => props.onClose?.())\n .addTo(map())\n })\n })\n\n // Update Position\n createEffect(() =>\n props.trackPointer ? popup.trackPointer() : popup.setLngLat(props.lngLat)\n )\n\n // Update Content\n createEffect(() => popup.setHTML(props.children || ''))\n\n // Remove Popup\n onCleanup(() => popup?.remove())\n\n return null\n}\n","import {\n onCleanup,\n createSignal,\n createEffect,\n VoidComponent,\n untrack,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type {\n StyleImageInterface,\n StyleImageMetadata,\n} from 'mapbox-gl/src/style/style_image'\n\nconst PATTERN = {\n diagonal_l: { size: 20, path: 'M20 0 0 20M-10 10 10-10M10 30 30 10' },\n diagonal_r: { size: 20, path: 'M0 0 20 20M30 10 10-10M10 30-10 10' },\n horizontal: { size: 14, path: 'M7 0V20' },\n vertical: { size: 14, path: 'M0 7H20' },\n cross: { size: 18, path: 'M9 0V18M0 9H18' },\n hash: { size: 30, path: 'M15 0 30 15 15 30 0 15Z' },\n chevron_h: { size: 20, path: 'M-5 5 0 10 10 0 20 10 25 5M0 30 10 20 20 30' },\n chevron_v: { size: 20, path: 'M5-5 10 0 0 10 10 20 5 25M25 15 20 10 25 5' },\n square: { size: 20, path: 'M8 8H12V12H8Z', fill: true },\n hex: { size: 50, path: 'M0 0V50L50 25ZM50 0V50L0 25ZM25 0V50' },\n circle: {\n size: 25,\n path: 'M8 10A2.5 2.5 0 118.01 10M18 15A2.5 2.5 0 1018.01 15',\n fill: true,\n },\n}\n\nexport const patternList = Object.keys(PATTERN)\n\nexport type Color =\n | `#${string}`\n | `rgb(${number}, ${number}, ${number})`\n | `rgba(${number}, ${number}, ${number}, ${number})`\n | `hsl(${number}, ${number}%, ${number}%)`\n | `hsla(${number}, ${number}%, ${number}%, ${number})`\n\ntype Props = {\n id: string\n /** The unique identifier for the image. */\n source?:\n | HTMLImageElement\n | ImageBitmap\n | ImageData\n | SVGElement\n | { width: number; height: number; data: Uint8Array | Uint8ClampedArray }\n | StyleImageInterface\n | string\n /** The image to be used for the image component. */\n options?: StyleImageMetadata & {\n fill?: Color\n stroke?: Color\n transform?: string\n }\n /** The options for the image */\n pattern?: {\n type: string\n color: Color\n background: Color\n lineWith: number\n }\n /** The pattern to be used for the image component. */\n}\n\nexport const MGL_Image: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n const [size, setSize] = createSignal({ width: 0, height: 0 })\n\n // Remove Image\n onCleanup(() => map()?.hasImage(props.id) && map()?.removeImage(props.id))\n\n // Add or Update Image\n createEffect(() => {\n if (!props.id) throw new Error('Image - ID is required')\n if (!props.source && !props.pattern)\n throw new Error('Image - Image or Pattern is required')\n\n const ops = props.pattern\n ? { pixelRatio: 2, ...props.options }\n : props.options\n\n _loadImage(props.source || _createPattern(props.pattern), data => {\n const { width, height } = data\n if (!map().hasImage(props.id)) map().addImage(props.id, data, ops)\n if (\n !props.pattern &&\n untrack(() => width === size().width && height === size().height)\n ) {\n map().updateImage(props.id, data)\n map().triggerRepaint()\n } else {\n map().removeImage(props.id)\n map().addImage(props.id, data, ops)\n }\n setSize({ width, height })\n })\n })\n\n // Load Image / SVG\n const _loadImage = (image, callback) => {\n if (typeof image == 'string' && image?.trimStart().startsWith('<svg')) {\n image = new DOMParser().parseFromString(image, 'image/svg+xml')\n .childNodes[0]\n }\n if (image instanceof SVGElement) {\n props.options?.fill && image.setAttribute('fill', props.options.fill)\n props.options?.stroke &&\n image.setAttribute('stroke', props.options.stroke)\n image = new XMLSerializer().serializeToString(image)\n }\n if (typeof image !== 'string') return callback(image)\n map().loadImage(image, async (error, imageData) => {\n if (error) {\n if (typeof image == 'string' && image?.trimEnd().endsWith('.svg')) {\n image = await (await fetch(image)).text()\n image = new DOMParser().parseFromString(image, 'image/svg+xml')\n .childNodes[0]\n image.setAttribute('fill', props.options.fill)\n image.setAttribute('stroke', props.options.stroke)\n image.setAttribute('transform', props.options.transform)\n image = new XMLSerializer().serializeToString(image)\n }\n const img = new Image()\n img.crossOrigin = 'Anonymous'\n img.onload = () => {\n const canvas = document.createElement('canvas')\n canvas.width = Math.max(img.width, 50)\n canvas.height = Math.max(img.height, 50)\n const ctx = canvas.getContext('2d')\n ctx.imageSmoothingEnabled = true\n ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\n return callback(ctx.getImageData(0, 0, canvas.width, canvas.height))\n }\n img.src = image.trimStart().startsWith('<svg')\n ? 'data:image/svg+xml;charset=utf-8,' + image\n : image\n } else {\n return callback(imageData)\n }\n })\n }\n\n const _createPattern = pattern => {\n const p = PATTERN[pattern.type]\n return {\n width: p.size,\n height: p.size,\n data: new Uint8Array(p.size * p.size * 4),\n onAdd: function () {\n let canvas = document.createElement('canvas')\n canvas.width = canvas.height = p.size\n this.ctx = canvas.getContext('2d', { willReadFrequently: true })\n },\n render: function () {\n this.ctx.fillStyle = pattern.background || 'transparent'\n this.ctx.fillRect(0, 0, this.width, this.height)\n this.ctx.strokeStyle = this.ctx.fillStyle = pattern.color || 'black'\n this.ctx.lineWidth = pattern.lineWith || 1\n this.ctx.stroke(new Path2D(p.path))\n if (p.fill) this.ctx.fill(new Path2D(p.path))\n this.data = this.ctx.getImageData(0, 0, this.width, this.height).data\n return true\n },\n }\n }\n\n return null\n}\n","import { createEffect, Component, onCleanup } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type LngLatLike from 'mapbox-gl/src/geo/lng_lat.js'\n\n// linearly interpolate between two positions [x,y,z] based on time\nconst lerp = (a, b, t) => a.map((_, idx) => (1.0 - t) * a[idx] + t * b[idx])\n\n// sphericaly interpolate between two positions [x,y,z] based on time\nconst slerp = (a, b, t) => {\n const dotProduct = a.map((_, idx) => a[idx] * b[idx]).reduce((m, n) => m + n)\n const theta = Math.acos(dotProduct)\n\n return a.map(\n (_, idx) =>\n (Math.sin((1 - t) * theta) / Math.sin(theta)) * a[idx] +\n (Math.sin(t * theta) / Math.sin(theta)) * b[idx]\n )\n}\n\n// const slerp = (a, b, t) => {\n// const omega = 0.075\n// // TODO: Proper Calculation\n// // a.map((_, idx) => a[idx] * b[idx]).reduce((m, n) => m + n)\n\n// return a.map(\n// (_, idx) =>\n// (Math.sin((1 - t) * omega) / Math.sin(omega)) * a[idx] +\n// (Math.sin(t * omega) / Math.sin(omega)) * b[idx]\n// )\n// }\n\n// calculations from: https://easings.net\nconst easeQuad = {\n in: (x: number): number => x * x,\n out: (x: number): number => 1 - (1 - x) * (1 - x),\n inOut: (x: number): number =>\n x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,\n}\n\ninterface RotateGlobeOptions {\n secPerRev?: number\n maxZoom?: number\n slowZoom?: number\n}\n\ninterface RotateViewportOptions {\n secPerRev?: number\n pitch?: number\n around?: LngLatLike\n}\n\ntype Props = {\n rotateGlobe?: boolean | RotateGlobeOptions\n rotateViewport?: boolean | RotateViewportOptions\n reverse?: boolean\n resetWhenStopped?: boolean\n translate?: {\n type?: 'line' | 'sphere'\n start: [number, number, number]\n end: [number, number, number]\n target: LngLatLike\n targetEnd?: LngLatLike\n easing?: 'in' | 'out' | 'inOut'\n loop?: boolean\n duration: number\n }\n children?: any\n}\n\nexport const Camera: Component<Props> = props => {\n if (!useMap()) return\n const [map, userInteraction] = useMap()\n let animationTime = 0.1\n let isReverse = false\n\n const updateCameraPosition = async ([lng, lat, alt], target) => {\n const camera = map().getFreeCameraOptions()\n camera.position = map().mapLib.MercatorCoordinate.fromLngLat(\n [lng, lat],\n alt\n )\n camera.lookAtPoint(target)\n map().setFreeCameraOptions(camera)\n }\n\n const frame = (time: number) => {\n props.translate && window.requestAnimationFrame(frame)\n const params = [\n props.translate.start,\n props.translate.end,\n props.translate.easing\n ? easeQuad[props.translate.easing](animationTime)\n : animationTime,\n ] as const\n const position =\n props.translate.type === 'line' ? lerp(...params) : slerp(...params)\n\n updateCameraPosition(position, props.translate.target)\n\n if (!props.translate.loop && (animationTime > 1.0 || animationTime < 0.0))\n isReverse = !isReverse\n animationTime = isReverse ? animationTime - 0.001 : animationTime + 0.001\n }\n\n createEffect(() => {\n props.translate && window.requestAnimationFrame(frame)\n })\n\n const rotateGlobe = () => {\n const secPerRev = (props.rotateGlobe as RotateGlobeOptions).secPerRev || 120\n const maxSpinZoom = (props.rotateGlobe as RotateGlobeOptions).maxZoom || 5\n const slowSpinZoom = (props.rotateGlobe as RotateGlobeOptions).slowZoom || 3\n const zoom = map().getZoom()\n if (!props.rotateGlobe || userInteraction() || zoom > maxSpinZoom) return\n\n let distancePerSecond = 360 / secPerRev\n if (zoom > slowSpinZoom)\n distancePerSecond *= (maxSpinZoom - zoom) / (maxSpinZoom - slowSpinZoom)\n const center = map().getCenter()\n center.lng = props.reverse\n ? center.lng + distancePerSecond\n : center.lng - distancePerSecond\n map().easeTo({ center, duration: 1000, easing: n => n }, { rotate: true })\n }\n\n const rotateViewport = () => {\n if (!props.rotateViewport || userInteraction()) return\n const secPerRev =\n (props.rotateViewport as RotateViewportOptions)?.secPerRev || 60\n const bearing = props.reverse\n ? map().getBearing() + 360 / secPerRev\n : map().getBearing() - 360 / secPerRev\n map().easeTo(\n {\n bearing,\n pitch: (props.rotateViewport as RotateViewportOptions)?.pitch || 60,\n duration: 1000,\n around: (props.rotateViewport as RotateViewportOptions)?.around,\n easing: n => n,\n },\n { rotate: true }\n )\n }\n\n const onMoveEnd = evt => {\n evt.rotate && props.rotateGlobe ? rotateGlobe() : rotateViewport()\n }\n const onDragEnd = () => (props.rotateGlobe ? rotateGlobe() : rotateViewport())\n\n map().on('moveend', onMoveEnd).on('dragend', onDragEnd)\n\n let originalCenter\n createEffect(() => {\n if (props.rotateGlobe == undefined) return\n if (props.rotateGlobe) {\n originalCenter = map().getCenter()\n rotateGlobe()\n } else {\n props.resetWhenStopped\n ? map().stop().easeTo({ center: originalCenter })\n : map().stop()\n }\n })\n\n createEffect(() => {\n if (props.rotateViewport == undefined) return\n props.rotateViewport\n ? rotateViewport()\n : props.resetWhenStopped\n ? map().stop().resetNorthPitch()\n : map().stop()\n })\n\n onCleanup(() => map().off('moveend', onMoveEnd).off('dragend', onDragEnd))\n\n return props.children\n}\n","import { onCleanup, createEffect, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { LightSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\ntype Props = {\n /** Light Specifications */\n style: LightSpecification\n}\nexport const Light: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n\n // Add or Update Light Layer\n createEffect(() => map().setLight(props.style || {}))\n\n // Remove Light Layer\n onCleanup(() => map()?.setLight(null))\n\n return null\n}\n"],"names":["mapEvents","layerEvents","mapBase","gitBase","gishub","hereBase","vectorStyleList","mb","light","dark","street","outdoor","sat","sat_street","nav","nav_night","basic","monochrome","leshine","icecream","cali","northstar","mineral","moonlight","frank","minimo","decimal","standard","blueprint","bubble","pencil","swiss_ski","vintage","whaam","neon","camoflauge","emerald","runner","x_ray","here","base","day","night","esri","charted_territory","colored_pencil","community","mid_century","modern_antique","nat_geo","newspaper","open_street_map","light_gray_canvas","dark_gray_canvas","human_geo_light","human_geo_dark","world_navigation","world_street","world_street_night","world_terrain","world_terrain_hybrid","world_topographic","chromium","dreamcatcher","seahaven","sangria","mercurial","imagery","imagery_hybrid","firefly","firefly_hybrid","oceans","carto","stamen","tf","rasterStyleList","osm","org","human","cycle","topo","_copy","voyager","positron","toner","toner_lite","watercolor","terrain","trans","trans_dark","landscape","outdoors","neighbourhood","spinal","pioneer","atlas","mobile","MapContext","createContext","useMap","useContext","MapGL","props","map","mapRef","id","createUniqueId","mapChanged","setMapChanged","createSignal","mapRoot","setMapRoot","darkMode","setDarkMode","userInteraction","setUserInteraction","createEffect","onUserInteraction","debug","text","value","console","getStyle","style","String","split","reduce","p","c","replace","apikey","import","meta","env","VITE_VECTOR_API_KEY","version","sources","layers","onMount","async","mapLib","Map","window","supported","Error","accessToken","options","VITE_MAPBOX_ACCESS_TOKEN","interactive","onViewportChange","viewport","projection","container","darkStyle","fitBoundsOptions","padding","sourceIdList","layerIdList","once","forEach","event","on","evt","rotate","darkTheme","matchMedia","addEventListener","matches","toString","MutationObserver","document","body","classList","contains","observe","attributes","item","prop","slice","toLowerCase","e","Object","keys","layerId","point","x","originalEvent","y","center","lat","getCenter","lng","zoom","getZoom","pitch","getPitch","bearing","getBearing","stop","transitionType","prev","bounds","cameraForBounds","proj","setProjection","cursorStyle","getCanvas","cursor","isStyleLoaded","setStyle","onCleanup","remove","_$createComponent","Provider","children","_el$","_tmpl$","cloneNode","_$use","_$effect","_p$","_v$","_v$2","class","_v$3","_v$4","position","inset","_$setAttribute","_$className","_$classList","_$style","undefined","Show","when","keyed","SourceContext","useSourceId","Source","lookup","url","s","source","tiles","VITE_RASTER_API_KEY","devicePixelRatio","attribution","i","addSource","push","getSource","type","data","isSourceLoaded","setData","coords","coordinates","updateImage","setUrl","setTiles","src","layer","removeLayer","removeSource","diff","newProps","prevProps","Set","acc","key","Layer","sourceId","addLayer","customLayer","metadata","smg","beforeType","beforeId","find","l","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","filter","setFilter","visible","featureState","removeFeatureState","sourceLayer","setFeatureState","state","getLayer","Atmosphere","setFog","Terrain","isMapLibre","tileSize","setTerrain","exaggeration","Control","control","hasControl","removeControl","getControl","lib","custom","NavigationControl","ScaleControl","AttributionControl","GeolocateControl","FullscreenControl","addControl","Marker","marker","popup","lngLat","ops","pops","mapboxgl","untrack","Popup","setHTML","onClose","setPopup","onDragStart","onDragEnd","onLngLatChange","getLngLat","toArray","setDraggable","draggable","setLngLat","addTo","openPopup","isOpen","togglePopup","trackPointer","closeOnClick","closeButton","focusAfterOpen","PATTERN","diagonal_l","size","path","diagonal_r","horizontal","vertical","cross","hash","chevron_h","chevron_v","square","fill","hex","circle","patternList","MGL_Image","setSize","width","height","hasImage","removeImage","pattern","pixelRatio","_loadImage","_createPattern","addImage","triggerRepaint","image","callback","trimStart","startsWith","DOMParser","parseFromString","childNodes","SVGElement","setAttribute","stroke","XMLSerializer","serializeToString","loadImage","error","imageData","trimEnd","endsWith","fetch","transform","img","Image","crossOrigin","onload","canvas","createElement","Math","max","ctx","getContext","imageSmoothingEnabled","drawImage","getImageData","Uint8Array","onAdd","this","willReadFrequently","render","fillStyle","background","fillRect","strokeStyle","color","lineWidth","lineWith","Path2D","easeQuad","in","out","inOut","pow","Camera","animationTime","isReverse","frame","time","translate","requestAnimationFrame","params","start","end","easing","alt","target","camera","getFreeCameraOptions","MercatorCoordinate","fromLngLat","lookAtPoint","setFreeCameraOptions","updateCameraPosition","lerp","a","b","t","_","idx","slerp","dotProduct","m","n","theta","acos","sin","loop","rotateGlobe","secPerRev","maxSpinZoom","maxZoom","slowSpinZoom","slowZoom","distancePerSecond","reverse","easeTo","duration","rotateViewport","around","onMoveEnd","originalCenter","resetWhenStopped","resetNorthPitch","off","Light","setLight"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/mapStyles.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Atmosphere/index.tsx","../../src/components/Terrain/index.tsx","../../src/components/Control/index.tsx","../../src/components/Marker/index.tsx","../../src/components/Popup/index.tsx","../../src/components/Image/index.tsx","../../src/components/Camera/index.tsx","../../src/components/Light/index.tsx","../../src/components/Draw/index.tsx"],"sourcesContent":["import type {\n MapMouseEvent,\n MapTouchEvent,\n MapWheelEvent,\n MapDataEvent,\n MapBoxZoomEvent,\n} from 'mapbox-gl/src/ui/events'\n\ntype mapEventTypes = {\n onMouseDown?: (event: MapMouseEvent) => void\n onMouseUp?: (event: MapMouseEvent) => void\n onMouseOver?: (event: MapMouseEvent) => void\n onMouseOut?: (event: MapMouseEvent) => void\n onMouseMove?: (event: MapMouseEvent) => void\n onMouseEnter?: (event: MapMouseEvent) => void\n onMouseLeave?: (event: MapMouseEvent) => void\n onPreClick?: (event: MapMouseEvent) => void\n onClick?: (event: MapMouseEvent) => void\n onDblClick?: (event: MapMouseEvent) => void\n onContextMenu?: (event: MapMouseEvent) => void\n onTouchStart?: (event: MapTouchEvent) => void\n onTouchEnd?: (event: MapTouchEvent) => void\n onTouchCancel?: (event: MapTouchEvent) => void\n onTouchMove?: (event: MapTouchEvent) => void\n onWheel?: (event: MapWheelEvent) => void\n onResize?: () => void\n onRemove?: () => void\n onMoveStart?: (event: DragEvent) => void\n onMove?: (event: MapMouseEvent | MapTouchEvent) => void\n onMoveEnd?: (event: DragEvent) => void\n onDragStart?: (event: DragEvent) => void\n onDrag?: (event: MapMouseEvent | MapTouchEvent) => void\n onDragEnd?: (event: DragEvent) => void\n onZoomStart?: (event: MapMouseEvent | MapTouchEvent) => void\n onZoom?: (event: MapMouseEvent | MapTouchEvent) => void\n onZoomEnd?: (event: MapMouseEvent | MapTouchEvent) => void\n onRotateStart?: (event: MapMouseEvent | MapTouchEvent) => void\n onRotate?: (event: MapMouseEvent | MapTouchEvent) => void\n onRotatEnd?: (event: MapMouseEvent | MapTouchEvent) => void\n onPitchStart?: (event: MapDataEvent) => void\n onPitch?: (event: MapDataEvent) => void\n onPitchEnd?: (event: MapDataEvent) => void\n onBoxZoomStart?: (event: MapBoxZoomEvent) => void\n onBoxZoomEnd?: (event: MapBoxZoomEvent) => void\n onBoxZoomCancel?: (event: MapBoxZoomEvent) => void\n onWebglContextLost?: () => void\n onWebglContextRestored?: () => void\n onLoad?: (event: any) => void\n onRender?: () => void\n onIdle?: () => void\n onError?: (error: string) => void\n onData?: (event: MapDataEvent) => void\n onStyleData?: (event: MapDataEvent) => void\n onSourceData?: (event: MapDataEvent) => void\n onDataLoading?: (event: MapDataEvent) => void\n onStyleDataLoading?: (event: MapDataEvent) => void\n onSourceDataLoading?: (event: MapDataEvent) => void\n onStyleImageMissing?: (event: MapDataEvent) => void\n}\n\nconst mapEvents: string[] = [\n 'onMouseDown',\n 'onMouseUp',\n 'onMouseOver',\n 'onMouseOut',\n 'onMouseMove',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onPreClick',\n 'onClick',\n 'onDblClick',\n 'onContextMenu',\n 'onTouchStart',\n 'onTouchEnd',\n 'onTouchCancel',\n 'onWheel',\n 'onResize',\n 'onRemove',\n 'onTouchMove',\n 'onMoveStart',\n 'onMove',\n 'onMoveEnd',\n 'onDragStart',\n 'onDrag',\n 'onDragEnd',\n 'onZoomStart',\n 'onZoom',\n 'onZoomEnd',\n 'onRotateStart',\n 'onRotate',\n 'onRotatEnd',\n 'onPitchStart',\n 'onPitch',\n 'onPitchEnd',\n 'onBoxZoomStart',\n 'onBoxZoomEnd',\n 'onBoxZoomCancel',\n 'onWebglContextLost',\n 'onWebglContextRestored',\n 'onLoad',\n 'onRender',\n 'onIdle',\n 'onError',\n 'onData',\n 'onStyleData',\n 'onSourceData',\n 'onDataLoading',\n 'onStyleDataLoading',\n 'onSourceDataLoading',\n 'onStyleImageMissing',\n]\n\ntype layerEventTypes = {\n onMouseDown?: (event: MapMouseEvent) => void\n /** called when the mouse button is pressed down on the layer */\n onMouseUp?: (event: MapMouseEvent) => void\n /** called when the mouse button is released after a mouse down event on the layer */\n onMouseOver?: (event: MapMouseEvent) => void\n /** called when the mouse enters the layer */\n onMouseOut?: (event: MapMouseEvent) => void\n /** called when the mouse leaves the layer */\n onMouseMove?: (event: MapMouseEvent) => void\n /** called when the mouse is moved over the layer */\n onMouseEnter?: (event: MapMouseEvent) => void\n /** called when the mouse enters the layer */\n onMouseLeave?: (event: MapMouseEvent) => void\n /** called when the mouse leaves the layer */\n onClick?: (event: MapMouseEvent) => void\n /** called when the layer is clicked */\n onDblClick?: (event: MapMouseEvent) => void\n /** called when the layer is double-clicked */\n onContextMenu?: (event: MapMouseEvent) => void\n /** called when the context menu is triggered on the layer */\n onTouchStart?: (event: MapTouchEvent) => void\n /** called when a touch event is started on the layer */\n onTouchEnd?: (event: MapTouchEvent) => void\n /** called when a touch event is ended on the layer */\n onTouchCancel?: (event: MapTouchEvent) => void\n /** called when a touch event is cancelled on the layer */\n}\n\nconst layerEvents: any[] = [\n 'onMouseDown',\n 'onMouseUp',\n 'onMouseOver',\n 'onMouseOut',\n 'onMouseMove',\n 'onMouseEnter',\n 'onMouseLeave',\n 'onClick',\n 'onDblClick',\n 'onContextMenu',\n 'onTouchStart',\n 'onTouchEnd',\n 'onTouchCancel',\n]\n\nconst drawEvents: any[] = [\n 'onCreate',\n 'onDelete',\n 'onCombine',\n 'onUncombine',\n 'onUpdate',\n 'onSelectionchange',\n 'onModechange',\n 'onRender',\n 'onActionable',\n]\n\ntype drawEventTypes = {\n onCreate?: (event: Object) => void\n /** called when a feature is created */\n onDelete?: (event: Object) => void\n /** called when a feature is deleted */\n onCombine?: (event: Object) => void\n /** called when features are combined */\n onUncombine?: (event: Object) => void\n /** called when features are uncombined */\n onUpdate?: (event: Object) => void\n /** called when a feature is updated */\n onSelectionchange?: (event: Object) => void\n /** called when the selected features change */\n onModechange?: (event: Object) => void\n /** called when the draw mode changes */\n onRender?: (event: Object) => void\n /** called when the draw canvas is re-rendered */\n onActionable?: (event: Object) => void\n /** called when the state of the draw controls changes */\n}\n\nexport { mapEvents, layerEvents, drawEvents }\nexport type { mapEventTypes, layerEventTypes, drawEventTypes }\n","const mapBase = 'mapbox://styles/mapbox'\nconst gitBase = 'https://raw.githubusercontent.com/'\nconst gishub = 'https://raw.githubusercontent.com/GIShub4/map-styles/main/'\nconst hereBase = 'https://assets.vector.hereapi.com/styles/'\n\nexport const vectorStyleList: object = {\n mb: {\n light: `${mapBase}/light-v11`,\n dark: `${mapBase}/dark-v11`,\n street: `${mapBase}/streets-v12`,\n outdoor: `${mapBase}/outdoors-v12`,\n sat: `${mapBase}/satellite-v9`,\n sat_street: `${mapBase}/satellite-streets-v12`,\n nav: `${mapBase}/navigation-guidance-day-v4`,\n nav_night: `${mapBase}/navigation-guidance-night-v4`,\n basic: `${mapBase}/cjf4m44iw0uza2spb3q0a7s41`,\n monochrome: `${mapBase}/cjv6rzz4j3m4b1fqcchuxclhb`,\n leshine: `${mapBase}/cjcunv5ae262f2sm9tfwg8i0w`,\n icecream: `${mapBase}/cj7t3i5yj0unt2rmt3y4b5e32`,\n cali: `${mapBase}/cjerxnqt3cgvp2rmyuxbeqme7`,\n northstar: `${mapBase}/cj44mfrt20f082snokim4ungi`,\n mineral: `${mapBase}/cjtep62gq54l21frr1whf27ak`,\n moonlight: `${mapBase}/cj3kbeqzo00022smj7akz3o1e`,\n frank: `${mapBase}-map-design/ckshxkppe0gge18nz20i0nrwq`,\n minimo: `${mapBase}-map-design/cksjc2nsq1bg117pnekb655h1`,\n decimal: `${mapBase}-map-design/ck4014y110wt61ctt07egsel6`,\n standard: `${mapBase}-map-design/ckr0svm3922ki18qntevm857n`,\n blueprint: `${mapBase}-map-design/cks97e1e37nsd17nzg7p0308g`,\n bubble: `${mapBase}-map-design/cksysy2nl62zp17quosctdtcc`,\n pencil: `${mapBase}-map-design/cks9iema71es417mlrft4go2k`,\n swiss_ski: `${gitBase}mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,\n vintage: `${gitBase}mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,\n whaam: `${gitBase}mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,\n neon: `${gitBase}NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,\n camoflauge: `${gitBase}jingsam/mapbox-gl-styles/master/Camouflage.json`,\n emerald: `${gitBase}jingsam/mapbox-gl-styles/master/Emerald.json`,\n runner: `${gitBase}jingsam/mapbox-gl-styles/master/Runner.json`,\n x_ray: `${gitBase}jingsam/mapbox-gl-styles/master/X-ray.json`,\n },\n here: {\n base: `${hereBase}berlin/base/mapbox/tilezen?apikey={apikey}`,\n day: `${hereBase}berlin/day/mapbox/tilezen?apikey={apikey}`,\n night: `${hereBase}berlin/night/mapbox/tilezen?apikey={apikey}`,\n },\n esri: {\n blueprint: `${gishub}esri:blueprint.json`,\n charted_territory: `${gishub}esri:charted-territory.json`,\n colored_pencil: `${gishub}esri:colored-pencil.json`,\n community: `${gishub}esri:community.json`,\n mid_century: `${gishub}esri:mid-century.json`,\n modern_antique: `${gishub}esri:modern-antique.json`,\n nat_geo: `${gishub}esri:national-geographic.json`,\n newspaper: `${gishub}esri:newspaper.json`,\n open_street_map: `${gishub}esri:open-street-map.json`,\n light_gray_canvas: `${gishub}esri:light-gray-canvas.json`,\n dark_gray_canvas: `${gishub}esri:dark-gray-canvas.json`,\n human_geo_light: `${gishub}esri:human-geography-light.json`,\n human_geo_dark: `${gishub}esri:human-geography-dark.json`,\n world_navigation: `${gishub}esri:world-navigation.json`,\n world_street: `${gishub}esri:world-street.json`,\n world_street_night: `${gishub}esri:world-street-night.json`,\n world_terrain: `${gishub}esri:world-terrain.json`,\n world_terrain_hybrid: `${gishub}esri:world-terrain-hybrid.json`,\n world_topographic: `${gishub}esri:world-topographic.json`,\n chromium: `${gishub}esri:chromium.json`,\n dreamcatcher: `${gishub}esri:dreamcatcher.json`,\n seahaven: `${gishub}esri:seahaven.json`,\n sangria: `${gishub}esri:sangria.json`,\n mercurial: `${gishub}esri:mercurial.json`,\n imagery: `${gishub}esri:imagery.json`,\n imagery_hybrid: `${gishub}esri:imagery-hybrid.json`,\n firefly: `${gishub}esri:firefly.json`,\n firefly_hybrid: `${gishub}esri:firefly-hybrid.json`,\n oceans: `${gishub}esri:oceans.json`,\n },\n}\nconst carto = 'https://{s}.basemaps.cartocdn.com/rastertiles/'\nconst stamen = 'https://stamen-tiles-{s}.a.ssl.fastly.net/'\nconst tf = 'https://{s}.tile.thunderforest.com/'\n\nexport const rasterStyleList: object = {\n osm: {\n org: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',\n human: 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',\n cycle: 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',\n topo: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',\n _copy:\n '<a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">&copy; OpenStreetMap</a>',\n },\n carto: {\n voyager: `${carto}voyager_labels_under/{z}/{x}/{y}{r}.png`,\n positron: `${carto}light_all/{z}/{x}/{y}{r}.png`,\n dark: `${carto}dark_all/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://carto.com/attribution\" target=\"_blank\">&copy; Carto</a>',\n },\n stamen: {\n toner: `${stamen}toner/{z}/{x}/{y}{r}.png`,\n toner_lite: `${stamen}toner-lite/{z}/{x}/{y}{r}.png`,\n watercolor: `${stamen}watercolor/{z}/{x}/{y}.png`,\n terrain: `${stamen}terrain/{z}/{x}/{y}{r}.png`,\n _copy:\n '<a href=\"https://stamen.com/privacy-policy\" target=\"_blank\">&copy; Stamen Design</a>',\n },\n tf: {\n cycle: `${tf}cycle/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans: `${tf}transport/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n trans_dark: `${tf}transport-dark/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n landscape: `${tf}landscape/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n outdoors: `${tf}outdoors/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n neighbourhood: `${tf}neighbourhood/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n spinal: `${tf}spinal-map/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n pioneer: `${tf}pioneer/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n atlas: `${tf}atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n mobile: `${tf}mobile-atlas/{z}/{x}/{y}{r}.png?apikey={apikey}`,\n _copy:\n '<a href=\"https://thunderforest.com/privacy\" target=\"_blank\">&copy; Thunderforest</a>',\n },\n}\n","import {\n createSignal,\n createEffect,\n onMount,\n onCleanup,\n createContext,\n useContext,\n Component,\n createUniqueId,\n Show,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport { vectorStyleList } from '../../mapStyles'\nimport type { mapEventTypes } from '../../events'\nimport type { MapboxMap, MapboxOptions } from 'mapbox-gl/src/ui/map'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\nimport type { LngLatBounds } from 'mapbox-gl/src/geo/lng_lat_bounds.js'\nimport type { PaddingOptions } from 'mapbox-gl/src/geo/edge_insets.js'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { JSX } from 'solid-js'\n\nexport type Viewport = {\n id?: string\n point?: { x: number; y: number }\n center?: LngLatLike\n bounds?: LngLatBounds\n zoom?: number\n pitch?: number\n bearing?: number\n padding?: PaddingOptions\n}\n\ntype Props = {\n /** ID for the map container element */\n id?: string\n /** Map Container CSS Style */\n style?: JSX.CSSProperties\n /** Map Container CSS Class */\n class?: string\n /** SolidJS Class List for Map Container */\n classList?: {\n [k: string]: boolean | undefined\n }\n /** Current Map View */\n viewport?: Viewport\n /** Mapbox Options\n * @see https://docs.mapbox.com/mapbox-gl-js/api/map/#map-parameters\n */\n options?: MapboxOptions\n /** Type for pan, move and zoom transitions */\n transitionType?: 'flyTo' | 'easeTo' | 'jumpTo'\n /** Event listener for Viewport updates */\n onViewportChange?: (viewport: Viewport) => void\n /** Event listener for User Interaction */\n onUserInteraction?: (user: boolean) => void\n /** Displays Map Tile Borders */\n showTileBoundaries?: boolean\n /** Displays Wireframe if Terrain is visible */\n showTerrainWireframe?: boolean\n /** Displays Borders if Padding is set */\n showPadding?: boolean\n /** Displays Label Collision Boxes */\n showCollisionBoxes?: boolean\n /** Displays all feature outlines even if normally not drawn by style rules */\n showOverdrawInspector?: boolean\n /** Mouse Cursor Style */\n cursorStyle?: string\n //** Dark Map Style */\n darkStyle?: StyleSpecification | string\n //** Disable automatic map resize */\n disableResize?: boolean\n //** MapLibre library */\n mapLib?: any\n //** APIkey for vector service */\n apikey?: string\n //** Debug Message Mode */\n debug?: boolean\n ref?: HTMLDivElement\n /** Children within the Map Container */\n children?: any\n} & mapEventTypes\n\nconst MapContext = createContext<MapboxMap>()\n/** Provides the Mapbox Map Object */\nexport const useMap = (): MapboxMap => useContext(MapContext)\n\n/** Creates a new Map Container */\nexport const MapGL: Component<Props> = props => {\n props.id ??= createUniqueId()\n\n let map: MapboxMap\n let mapRef: HTMLDivElement\n let resizeObserver: ResizeObserver\n\n const [mapChanged, setMapChanged] = createSignal(null)\n const [mapRoot, setMapRoot] = createSignal<MapboxMap>()\n const [darkMode, setDarkMode] = createSignal(false)\n const [userInteraction, setUserInteraction] = createSignal(false)\n // debounce user interactions\n createEffect(() => props.onUserInteraction?.(userInteraction()))\n\n const debug = (text, value?) => {\n props.debug &&\n console.debug('%c[MapGL]', 'color: #0ea5e9', text, value || '')\n }\n\n const getStyle = (light, dark) => {\n const style = darkMode() ? dark || light : light\n return typeof style === 'string' || style instanceof String\n ? style\n ?.split(':')\n .reduce((p, c) => p && p[c], vectorStyleList)\n ?.replace(\n '{apikey}',\n //@ts-ignore\n props.apikey || import.meta.env.VITE_VECTOR_API_KEY\n ) || style\n : style || { version: 8, sources: {}, layers: [] }\n }\n\n onMount(async () => {\n let mapLib = props.mapLib || (await import('mapbox-gl'))\n if (!mapLib.Map) mapLib = window['maplibregl'] || window['mapboxgl']\n\n if (!mapLib.supported()) throw new Error('Mapbox GL not supported')\n\n debug(`Map (v${mapLib.version}) loading...`)\n map = new mapLib.Map({\n accessToken:\n //@ts-ignore\n props.options?.accessToken || import.meta.env.VITE_MAPBOX_ACCESS_TOKEN,\n interactive: props.options?.interactive || !!props.onViewportChange,\n ...props.options,\n ...props.viewport,\n projection: props.options?.projection || 'mercator',\n container: mapRef,\n style: getStyle(props.options?.style, props.darkStyle),\n fitBoundsOptions: { padding: props.viewport?.padding },\n } as MapboxOptions)\n\n map.mapLib = mapLib\n map.debug = props.debug\n map.sourceIdList = []\n map.layerIdList = []\n\n map.once('load', () => {\n setMapRoot(map)\n setMapChanged(1)\n debug('Map loaded')\n })\n\n // Handle User Interaction\n ;['mousedown', 'touchstart', 'wheel'].forEach(event =>\n map.on(event, evt => !evt.rotate && setUserInteraction(true))\n )\n ;['moveend', 'mouseup', 'touchend'].forEach(event =>\n map.on(event, evt => !evt.rotate && setUserInteraction(false))\n )\n\n // Listen to dark theme changes\n const darkTheme =\n typeof window !== 'undefined' &&\n window.matchMedia('(prefers-color-scheme: dark)')\n darkTheme?.addEventListener('change', () => {\n setDarkMode(darkTheme.matches)\n debug('Set dark theme to:', darkTheme.matches?.toString())\n })\n new MutationObserver(() => {\n const darkTheme = document.body.classList.contains('dark')\n setDarkMode(darkTheme)\n debug('Set dark theme to:', darkTheme)\n }).observe(document.body, { attributes: true })\n\n // Listen to map container size changes\n // !props.disableResize &&\n // new ResizeObserver(() => {\n // map?.resize()\n // debug('Map resized')\n // }).observe(mapRef as Element)\n\n // Hook up events\n mapEvents.forEach(item => {\n const prop = props[item]\n if (prop) {\n const event = item.slice(2).toLowerCase()\n if (typeof prop === 'function') {\n map.on(event, e => {\n prop(e)\n debug(`Map '${event}' event:`, e)\n })\n } else {\n Object.keys(prop).forEach(layerId => {\n map.on(event, layerId, e => {\n prop[layerId](e)\n debug(`Map '${event}' event on '${layerId}':`, e)\n })\n })\n }\n }\n })\n\n // Hook up viewport events\n map.on('move', event => {\n const viewport: Viewport = {\n ...props.viewport,\n id: props.id,\n point: { x: event.originalEvent?.x, y: event.originalEvent?.y },\n center: props.viewport?.center.lat\n ? map.getCenter()\n : [map.getCenter().lng, map.getCenter().lat],\n zoom: map.getZoom(),\n pitch: map.getPitch(),\n bearing: map.getBearing(),\n }\n props.onViewportChange && props.onViewportChange(viewport)\n })\n })\n\n // Update Viewport\n createEffect(() => {\n const viewport = {\n ...props.viewport,\n padding: props.viewport?.padding || 0,\n }\n if (!map || props.id === props.viewport?.id || userInteraction()) return\n map?.stop()[props.transitionType || 'flyTo'](viewport, { viewport: true })\n debug(`Update Viewport (${props.transitionType || 'flyTo'}):`, viewport)\n })\n\n // Update boundaries\n createEffect(prev => {\n const bounds = props.viewport?.bounds\n if (map && bounds && prev !== bounds && !userInteraction()) {\n props.onViewportChange({\n ...props.viewport,\n ...map?.cameraForBounds(bounds, {\n padding: props.viewport?.padding,\n }),\n })\n debug(`Update Viewport Boundaries:`, bounds)\n }\n return bounds\n }, props.viewport?.bounds)\n\n // Update Projection\n createEffect(prev => {\n const proj = props.options?.projection\n if (!map || prev === proj) return\n map.setProjection(proj)\n debug('Set Projection to:', proj)\n return proj\n }, props.options?.projection)\n\n // Update cursor\n createEffect(() => {\n if (!props.cursorStyle || !map) return\n map.getCanvas().style.cursor = props.cursorStyle\n debug('Set Cursor to:', props.cursorStyle)\n })\n\n // Update map style\n createEffect(prev => {\n const style = getStyle(props.options?.style, props.darkStyle)\n if (map?.isStyleLoaded() && prev !== style) {\n // map.once('idle', () => {\n map.setStyle(style)\n map.once('styledata', () => setMapChanged(c => ++c))\n debug('Set Mapstyle to:', style)\n // })\n // map.isMoving() && map.stop()\n }\n return style\n }, props.options?.style)\n\n // Update debug features\n ;[\n 'showTileBoundaries',\n 'showTerrainWireframe',\n 'showCollisionBoxes',\n 'showPadding',\n 'showOverdrawInspector',\n ].forEach(item => {\n createEffect(() => {\n const prop = props[item]\n if (!map) return\n map[item] = prop\n debug(`Set ${item} to:`, prop)\n })\n })\n\n onCleanup(() => {\n resizeObserver?.disconnect()\n map?.remove()\n debug('Map removed')\n })\n\n return (\n <MapContext.Provider value={[mapRoot, userInteraction, debug]}>\n <div\n ref={mapRef}\n id={props.id}\n class={props?.class}\n classList={props?.classList}\n style={\n props?.style || props?.class || props?.classList\n ? props.style\n : {\n position: 'absolute',\n inset: 0,\n 'z-index': -1,\n }\n }\n />\n <Show when={mapChanged()} keyed>\n {props.children}\n </Show>\n </MapContext.Provider>\n )\n}\n","import {\n onCleanup,\n createEffect,\n Component,\n createContext,\n useContext,\n createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport { rasterStyleList } from '../../mapStyles'\n\nconst SourceContext = createContext<string>()\nexport const useSourceId = (): string => useContext(SourceContext)\n\ntype Props = {\n /** @optional Source ID for referencing non nexted Layers */\n id?: string\n /** @see https://docs.mapbox.com/mapbox-gl-js/style-spec/sources/ */\n source: SourceSpecification\n /** The map layers associated with this source */\n children?: any\n}\n\nexport const Source: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n props.id ??= createUniqueId()\n\n const debug = (text, value?) => {\n map().debug &&\n console.debug('%c[MapGL]', 'color: #ec4899', text, value || '')\n }\n\n const lookup = url => {\n const s = url?.split(':').reduce((p, c) => p && p[c], rasterStyleList)\n const source = s\n ? {\n ...props.source,\n url: '',\n tiles: [\n s\n .replace(\n '{apikey}', //@ts-ignore\n props.source.apikey || import.meta.env.VITE_RASTER_API_KEY\n )\n .replace('{r}', window.devicePixelRatio > 1 ? '@2x' : ''),\n ],\n attribution: rasterStyleList[url.split(':')[0]]._copy,\n }\n : props.source\n\n source.tiles &&\n (source.tiles = ['a', 'b', 'c'].map(i =>\n source.tiles[0].replace('{s}', i)\n ))\n\n return source\n }\n\n // Add Source\n map().addSource(props.id, lookup(props.source.url))\n map().sourceIdList.push(props.id)\n debug('Add Source:', props.id)\n\n // Update Data\n const source = map().getSource(props.id)\n switch (props.source.type) {\n case 'geojson':\n createEffect(() => {\n const data = props.source.data\n if (!map().isSourceLoaded(props.id)) return\n source.setData(data || {})\n debug('Update GeoJSON Data:', props.id)\n })\n break\n case 'image':\n createEffect(() => {\n const url = props.source.url\n const coords = props.source.coordinates\n if (!map().isSourceLoaded(props.id)) return\n source.updateImage(url, coords)\n debug('Update Image Data:', props.id)\n })\n break\n case 'vector':\n createEffect(() => {\n const url = props.source.url\n const tiles = props.source.tiles\n if (!map().isSourceLoaded(props.id)) return\n url ? source.setUrl(url) : source.setTiles(tiles)\n debug('Update Vector Data:', props.id)\n })\n break\n case 'raster':\n createEffect(() => {\n const src = lookup(props.source.url)\n if (!map().isSourceLoaded(props.id)) return\n src.url ? source.setUrl(src.url) : source.setTiles(src.tiles)\n debug('Update Raster Data:', props.id)\n })\n break\n }\n\n // Remove Source\n onCleanup(() => {\n map()\n ?.getStyle()\n .layers.forEach(\n layer => layer.source === props.id && map().removeLayer(layer.id)\n )\n map()?.getSource(props.id) && map()?.removeSource(props.id)\n debug('Remove Source:', props.id)\n })\n\n return (\n <SourceContext.Provider value={props.id}>\n {props.children}\n </SourceContext.Provider>\n )\n}\n","import { onCleanup, createEffect, Component, createUniqueId } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport { layerEvents } from '../../events'\nimport type { layerEventTypes } from '../../events'\nimport type {\n FilterSpecification,\n StyleSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\nimport type { CustomLayerInterface } from 'mapbox-gl/src/style/style_layer/custom_style_layer'\n\nconst diff = (\n newProps: StyleSpecification = {},\n prevProps: StyleSpecification = {}\n): [string, any][] => {\n const keys = new Set([...Object.keys(newProps), ...Object.keys(prevProps)])\n return [...keys].reduce((acc, key: string) => {\n const value = newProps[key]\n if (value !== prevProps[key]) {\n acc.push([key, value])\n }\n return acc\n }, [])\n}\n\ntype Props = {\n id?: string\n /** A string that uniquely identifies the layer. If not provided, a unique ID will be generated. */\n style?: StyleSpecification\n /** A Mapbox Style Specification object that defines the visual appearance of the layer. */\n customLayer?: CustomLayerInterface\n /** An object that implements the `CustomLayerInterface` interface, which allows you to create custom layers using WebGL. */\n filter?: FilterSpecification\n /** A Mapbox filter specification that defines which features of the layer to include or exclude from the layer. */\n visible?: boolean\n /** A boolean that determines whether the layer is visible or not. */\n sourceId?: string\n /** A string that specifies the ID of the source that the layer uses for its data. */\n beforeType?:\n | 'background'\n | 'fill'\n | 'line'\n | 'symbol'\n | 'raster'\n | 'circle'\n | 'fill-extrusion'\n | 'heatmap'\n | 'hillshade'\n | 'sky'\n /** A string that specifies the type of layer before which the current layer should be inserted. */\n beforeId?: string\n /** A string that specifies the ID of the layer before which the current layer should be inserted. */\n featureState?: { id: number | string; state: object }\n /** An object that specifies the state of a feature in the layer. The object consists of an ID (either a number or a string) and an object containing the state. */\n children?: any\n /** Any content that should be rendered within the layer. */\n} & layerEventTypes\n\nexport const Layer: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n const sourceId: string = props.style?.source || useSourceId()\n props.id ??= createUniqueId()\n\n const debug = (text, value?) => {\n map().debug &&\n console.debug('%c[MapGL]', 'color: #10b981', text, value || '')\n }\n\n // Add Layer\n map().addLayer(\n props.customLayer || {\n ...props.style,\n id: props.id,\n source: sourceId,\n metadata: {\n smg: { beforeType: props.beforeType, beforeId: props.beforeId },\n },\n },\n props.beforeType\n ? map()\n .getStyle()\n .layers.find(l => l.type === props.beforeType)?.id\n : props.beforeId\n )\n map().layerIdList.push(props.id)\n debug('Add Layer:', props.id)\n\n // Hook up events\n layerEvents.forEach(item => {\n if (props[item]) {\n const event = item.slice(2).toLowerCase()\n map().on(event, props.id, evt => {\n props[item](evt)\n debug(`Layer '${event}' event on '${props.id}':`, evt)\n })\n }\n })\n\n // Update Style\n createEffect((prev: StyleSpecification) => {\n const style = props.style\n if (style === prev || !map().isStyleLoaded()) return\n\n if (style.layout !== prev?.layout)\n diff(style.layout, prev?.layout).forEach(([key, value]) =>\n map().setLayoutProperty(props.id, key, value, { validate: false })\n )\n\n if (style.paint !== prev?.paint)\n diff(style.paint, prev?.paint).forEach(([key, value]) =>\n map().setPaintProperty(props.id, key, value, { validate: false })\n )\n\n if (style.minzoom !== prev?.minzoom || style.maxzoom !== prev?.maxzoom)\n map().setLayerZoomRange(props.id, style.minzoom, style.maxzoom)\n\n if (style.filter !== prev?.filter)\n map().setFilter(props.id, style.filter, { validate: false })\n\n debug('Update Layer Style:', props.id)\n return style\n }, props.style)\n\n // Update Visibility\n createEffect((prev: boolean) => {\n if (props.visible === prev) return\n\n map().setLayoutProperty(\n props.id,\n 'visibility',\n props.visible ? 'visible' : 'none',\n { validate: false }\n )\n debug(`Update Visibility (${props.id}):`, props.visible)\n return props.visible\n }, props.visible)\n\n // Update Filter\n createEffect(async () => {\n if (!props.filter) return\n\n !map().isStyleLoaded() && (await map().once('styledata'))\n map().setFilter(props.id, props.filter)\n debug(`Update Filter (${props.id}):`, props.filter)\n })\n\n // Update Feature State\n createEffect(async () => {\n if (!props.featureState || !props.featureState.id) return\n\n !map().isStyleLoaded() && (await map().once('styledata'))\n\n map().removeFeatureState({\n source: sourceId,\n sourceLayer: props.style['source-layer'],\n })\n map().setFeatureState(\n {\n source: sourceId,\n sourceLayer: props.style['source-layer'],\n id: props.featureState.id,\n },\n props.featureState.state\n )\n })\n\n //Remove Layer\n onCleanup(() => map()?.getLayer(props.id) && map()?.removeLayer(props.id))\n\n return props.children\n}\n","import { onCleanup, createEffect, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\ntype Props = {\n /** Fog/Atmosphere Specifications */\n style?: FogSpecification\n}\n\nexport const Atmosphere: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n\n // Add or Update Atmosphere Layer\n createEffect(() => map().setFog(props.style || {}))\n\n // Remove Atmosphere Layer\n onCleanup(() => map()?.setFog(null))\n\n return null\n}\n","import {\n onCleanup,\n createEffect,\n VoidComponent,\n createUniqueId,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport type {\n SourceSpecification,\n TerrainSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\ntype Props = {\n /** Height exaggeration factor */\n exaggeration?: number\n /** Terrain Source object */\n source?: TerrainSpecification\n}\n\nexport const Terrain: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let sourceId: SourceSpecification = useSourceId()\n\n // Add Terrain Layer\n if (sourceId === undefined) {\n sourceId = createUniqueId()\n map().addSource(\n sourceId,\n map().isMapLibre\n ? {\n type: 'raster-dem',\n url: 'https://demotiles.maplibre.org/terrain-tiles/tiles.json',\n tileSize: 256,\n }\n : {\n type: 'raster-dem',\n url: 'mapbox://mapbox.terrain-rgb',\n tileSize: 512,\n maxzoom: 14,\n }\n )\n }\n\n createEffect(() => {\n map().setTerrain({\n exaggeration: props.exaggeration || 1,\n source: sourceId,\n })\n })\n\n // Remove Terrain Layer\n onCleanup(() => map().setTerrain(null))\n\n return null\n}\n","import { createEffect, onCleanup, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { Options as AttributionOptions } from 'mapbox-gl/src/ui/control/attribution_control'\nimport type { Options as FullscreenOptions } from 'mapbox-gl/src/ui/control/fullscreen_control'\nimport type { Options as GeolocateOptions } from 'mapbox-gl/src/ui/control/geolocate_control'\nimport type { Options as NavigationOptions } from 'mapbox-gl/src/ui/control/navigation_control'\nimport type { Options as ScaleOptions } from 'mapbox-gl/src/ui/control/scale_control'\n\nconst getControl = (lib, type, options, custom?) => {\n if (custom) return new custom(options)\n switch (type) {\n case 'navigation':\n return new lib.NavigationControl(options)\n case 'scale':\n return new lib.ScaleControl(options)\n case 'attribution':\n return new lib.AttributionControl(options)\n case 'geolocate':\n return new lib.GeolocateControl(options)\n case 'fullscreen':\n return new lib.FullscreenControl()\n // options || { container: map().container }\n default:\n throw new Error(`Unknown control type: ${type}`)\n }\n}\n\ntype Props = {\n type?: 'navigation' | 'scale' | 'attribution' | 'fullscreen' | 'geolocate'\n /** a string that specifies the type of control to be displayed. It can be one of 'navigation', 'scale', 'attribution', 'fullscreen', or 'geolocate' */\n options?:\n | NavigationOptions\n | ScaleOptions\n | AttributionOptions\n | FullscreenOptions\n | GeolocateOptions\n | object\n /** an optional object that contains options specific to the control type */\n custom?: any\n /** an optional field that allows passing a custom control element. */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /** a string that specifies the position of the control on the map. It can be one of 'top-left', 'top-right', 'bottom-left', or 'bottom-right' */\n}\n\nexport const Control: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let control = null\n\n // Add or Update Control\n createEffect(() => {\n control && map().hasControl(control) && map().removeControl(control)\n control = getControl(map().mapLib, props.type, props.options, props.custom)\n map().addControl(control, props.position)\n })\n\n // Remove Control\n onCleanup(() => map()?.removeControl(control))\n\n return null\n}\n","import { onCleanup, createEffect, Component, untrack } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type {\n Popup as PopupType,\n PopupOptions,\n} from 'mapbox-gl/src/ui/popup.js'\nimport type {\n Marker as MarkerType,\n MarkerOptions,\n} from 'mapbox-gl/src/ui/marker.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\ntype Props = {\n /** Options for the Mapbox GL JS marker */\n options?: MarkerOptions & {\n /** Options for the Mapbox GL JS popup that is associated with the marker */\n popup: PopupOptions\n }\n /** The geographical location to place the marker */\n lngLat: LngLatLike\n /** Whether the marker's associated popup should be open */\n openPopup?: boolean\n /** Whether the marker is draggable */\n draggable?: boolean\n /** A function that is called when the marker is dragged to a new location */\n onLngLatChange?: (lngLat: number[]) => void\n /** A function that is called when the marker's associated popup is closed */\n onClose?: () => void\n /** A function that is called when the marker starts being dragged */\n onDragStart?: () => void\n /** A function that is called when the marker stops being dragged */\n onDragEnd?: () => void\n /** The content to be displayed in the marker's associated popup */\n children?: any\n}\n\nexport const Marker: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let marker: MarkerType = null\n let popup: PopupType = null\n\n if (!props.lngLat) throw new Error('Marker - lngLat is required')\n\n // Add or Update Marker\n createEffect(() => {\n const ops = { ...props.options }\n const pops = { ...props.options?.popup }\n if (!map()) return\n const mapboxgl = map().mapLib\n untrack(() => {\n popup?.remove()\n popup = props.children\n ? new mapboxgl.Popup(pops)\n .setHTML(props.children)\n .on('close', () => props.onClose?.())\n : null\n\n marker?.remove()\n marker = new mapboxgl.Marker(ops)\n .setPopup(popup)\n .on('dragstart', () => props.onDragStart?.())\n .on('dragend', () => props.onDragEnd?.())\n .on('drag', () => props.onLngLatChange?.(marker.getLngLat().toArray()))\n .setDraggable(props.draggable || props.options?.draggable)\n .setLngLat(props.lngLat)\n .addTo(map())\n props.openPopup !== popup?.isOpen() && marker.togglePopup()\n })\n })\n\n // Toggle Popup\n createEffect(\n () => props.openPopup !== popup?.isOpen() && marker.togglePopup()\n )\n\n // Update Position\n createEffect(() => marker.setLngLat(props.lngLat))\n\n // Update Popup Content\n createEffect(() => popup?.setHTML(props.children))\n\n // Update Draggable\n createEffect(() => marker.setDraggable(props.draggable))\n\n // Remove Marker\n onCleanup(() => marker?.remove())\n\n return null\n}\n","import { onCleanup, createEffect, Component, untrack } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type {\n Popup as PopupType,\n PopupOptions,\n} from 'mapbox-gl/src/ui/popup.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\ntype Props = {\n /** Options for configuring the popup */\n options?: PopupOptions\n /** Flag for tracking the mouse pointer */\n trackPointer?: boolean\n /** Longitude and latitude for the popup */\n lngLat?: LngLatLike\n /** Callback for when the popup is closed */\n onClose?: () => void\n /** Children to display within the popup */\n children?: any\n}\n\nexport const Popup: Component<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n let popup: PopupType = null\n\n if (!props.trackPointer && !props.lngLat)\n throw new Error('Popup - lngLat or trackPointer is required')\n\n // Add or Update Popup\n createEffect(() => {\n const ops = { ...props.options }\n if (!map()) return\n const mapboxgl = map().mapLib\n untrack(() => {\n popup?.remove()\n popup = new mapboxgl.Popup(\n props.trackPointer\n ? { ...ops, closeOnClick: false, closeButton: false }\n : { focusAfterOpen: false, ...ops }\n )\n .setHTML(props.children || '')\n .setLngLat(props.lngLat)\n .on('close', () => props.onClose?.())\n .addTo(map())\n })\n })\n\n // Update Position\n createEffect(() =>\n props.trackPointer ? popup.trackPointer() : popup.setLngLat(props.lngLat)\n )\n\n // Update Content\n createEffect(() => popup.setHTML(props.children || ''))\n\n // Remove Popup\n onCleanup(() => popup?.remove())\n\n return null\n}\n","import {\n onCleanup,\n createSignal,\n createEffect,\n VoidComponent,\n untrack,\n} from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type {\n StyleImageInterface,\n StyleImageMetadata,\n} from 'mapbox-gl/src/style/style_image'\n\nconst PATTERN = {\n diagonal_l: { size: 20, path: 'M20 0 0 20M-10 10 10-10M10 30 30 10' },\n diagonal_r: { size: 20, path: 'M0 0 20 20M30 10 10-10M10 30-10 10' },\n horizontal: { size: 14, path: 'M7 0V20' },\n vertical: { size: 14, path: 'M0 7H20' },\n cross: { size: 18, path: 'M9 0V18M0 9H18' },\n hash: { size: 30, path: 'M15 0 30 15 15 30 0 15Z' },\n chevron_h: { size: 20, path: 'M-5 5 0 10 10 0 20 10 25 5M0 30 10 20 20 30' },\n chevron_v: { size: 20, path: 'M5-5 10 0 0 10 10 20 5 25M25 15 20 10 25 5' },\n square: { size: 20, path: 'M8 8H12V12H8Z', fill: true },\n hex: { size: 50, path: 'M0 0V50L50 25ZM50 0V50L0 25ZM25 0V50' },\n circle: {\n size: 25,\n path: 'M8 10A2.5 2.5 0 118.01 10M18 15A2.5 2.5 0 1018.01 15',\n fill: true,\n },\n}\n\nexport const patternList = Object.keys(PATTERN)\n\nexport type Color =\n | `#${string}`\n | `rgb(${number}, ${number}, ${number})`\n | `rgba(${number}, ${number}, ${number}, ${number})`\n | `hsl(${number}, ${number}%, ${number}%)`\n | `hsla(${number}, ${number}%, ${number}%, ${number})`\n\ntype Props = {\n id: string\n /** The unique identifier for the image. */\n source?:\n | HTMLImageElement\n | ImageBitmap\n | ImageData\n | SVGElement\n | { width: number; height: number; data: Uint8Array | Uint8ClampedArray }\n | StyleImageInterface\n | string\n /** The image to be used for the image component. */\n options?: StyleImageMetadata & {\n fill?: Color\n stroke?: Color\n transform?: string\n }\n /** The options for the image */\n pattern?: {\n type: string\n color: Color\n background: Color\n lineWith: number\n }\n /** The pattern to be used for the image component. */\n}\n\nexport const MGL_Image: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n const [size, setSize] = createSignal({ width: 0, height: 0 })\n\n // Remove Image\n onCleanup(() => map()?.hasImage(props.id) && map()?.removeImage(props.id))\n\n // Add or Update Image\n createEffect(() => {\n if (!props.id) throw new Error('Image - ID is required')\n if (!props.source && !props.pattern)\n throw new Error('Image - Image or Pattern is required')\n\n const ops = props.pattern\n ? { pixelRatio: 2, ...props.options }\n : props.options\n\n _loadImage(props.source || _createPattern(props.pattern), data => {\n const { width, height } = data\n if (!map().hasImage(props.id)) map().addImage(props.id, data, ops)\n if (\n !props.pattern &&\n untrack(() => width === size().width && height === size().height)\n ) {\n map().updateImage(props.id, data)\n map().triggerRepaint()\n } else {\n map().removeImage(props.id)\n map().addImage(props.id, data, ops)\n }\n setSize({ width, height })\n })\n })\n\n // Load Image / SVG\n const _loadImage = (image, callback) => {\n if (typeof image == 'string' && image?.trimStart().startsWith('<svg')) {\n image = new DOMParser().parseFromString(image, 'image/svg+xml')\n .childNodes[0]\n }\n if (image instanceof SVGElement) {\n props.options?.fill && image.setAttribute('fill', props.options.fill)\n props.options?.stroke &&\n image.setAttribute('stroke', props.options.stroke)\n image = new XMLSerializer().serializeToString(image)\n }\n if (typeof image !== 'string') return callback(image)\n map().loadImage(image, async (error, imageData) => {\n if (error) {\n if (typeof image == 'string' && image?.trimEnd().endsWith('.svg')) {\n image = await (await fetch(image)).text()\n image = new DOMParser().parseFromString(image, 'image/svg+xml')\n .childNodes[0]\n image.setAttribute('fill', props.options.fill)\n image.setAttribute('stroke', props.options.stroke)\n image.setAttribute('transform', props.options.transform)\n image = new XMLSerializer().serializeToString(image)\n }\n const img = new Image()\n img.crossOrigin = 'Anonymous'\n img.onload = () => {\n const canvas = document.createElement('canvas')\n canvas.width = Math.max(img.width, 50)\n canvas.height = Math.max(img.height, 50)\n const ctx = canvas.getContext('2d')\n ctx.imageSmoothingEnabled = true\n ctx.drawImage(img, 0, 0, canvas.width, canvas.height)\n return callback(ctx.getImageData(0, 0, canvas.width, canvas.height))\n }\n img.src = image.trimStart().startsWith('<svg')\n ? 'data:image/svg+xml;charset=utf-8,' + image\n : image\n } else {\n return callback(imageData)\n }\n })\n }\n\n const _createPattern = pattern => {\n const p = PATTERN[pattern.type]\n return {\n width: p.size,\n height: p.size,\n data: new Uint8Array(p.size * p.size * 4),\n onAdd: function () {\n let canvas = document.createElement('canvas')\n canvas.width = canvas.height = p.size\n this.ctx = canvas.getContext('2d', { willReadFrequently: true })\n },\n render: function () {\n this.ctx.fillStyle = pattern.background || 'transparent'\n this.ctx.fillRect(0, 0, this.width, this.height)\n this.ctx.strokeStyle = this.ctx.fillStyle = pattern.color || 'black'\n this.ctx.lineWidth = pattern.lineWith || 1\n this.ctx.stroke(new Path2D(p.path))\n if (p.fill) this.ctx.fill(new Path2D(p.path))\n this.data = this.ctx.getImageData(0, 0, this.width, this.height).data\n return true\n },\n }\n }\n\n return null\n}\n","import { createEffect, Component, onCleanup } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type LngLatLike from 'mapbox-gl/src/geo/lng_lat.js'\n\n// linearly interpolate between two positions [x,y,z] based on time\nconst lerp = (a, b, t) => a.map((_, idx) => (1.0 - t) * a[idx] + t * b[idx])\n\n// sphericaly interpolate between two positions [x,y,z] based on time\nconst slerp = (a, b, t) => {\n const dotProduct = a.map((_, idx) => a[idx] * b[idx]).reduce((m, n) => m + n)\n const theta = Math.acos(dotProduct)\n\n return a.map(\n (_, idx) =>\n (Math.sin((1 - t) * theta) / Math.sin(theta)) * a[idx] +\n (Math.sin(t * theta) / Math.sin(theta)) * b[idx]\n )\n}\n\n// const slerp = (a, b, t) => {\n// const omega = 0.075\n// // TODO: Proper Calculation\n// // a.map((_, idx) => a[idx] * b[idx]).reduce((m, n) => m + n)\n\n// return a.map(\n// (_, idx) =>\n// (Math.sin((1 - t) * omega) / Math.sin(omega)) * a[idx] +\n// (Math.sin(t * omega) / Math.sin(omega)) * b[idx]\n// )\n// }\n\n// calculations from: https://easings.net\nconst easeQuad = {\n in: (x: number): number => x * x,\n out: (x: number): number => 1 - (1 - x) * (1 - x),\n inOut: (x: number): number =>\n x < 0.5 ? 2 * x * x : 1 - Math.pow(-2 * x + 2, 2) / 2,\n}\n\ninterface RotateGlobeOptions {\n secPerRev?: number\n maxZoom?: number\n slowZoom?: number\n}\n\ninterface RotateViewportOptions {\n secPerRev?: number\n pitch?: number\n around?: LngLatLike\n}\n\ntype Props = {\n rotateGlobe?: boolean | RotateGlobeOptions\n rotateViewport?: boolean | RotateViewportOptions\n reverse?: boolean\n resetWhenStopped?: boolean\n translate?: {\n type?: 'line' | 'sphere'\n start: [number, number, number]\n end: [number, number, number]\n target: LngLatLike\n targetEnd?: LngLatLike\n easing?: 'in' | 'out' | 'inOut'\n loop?: boolean\n duration: number\n }\n children?: any\n}\n\nexport const Camera: Component<Props> = props => {\n if (!useMap()) return\n const [map, userInteraction] = useMap()\n let animationTime = 0.1\n let isReverse = false\n\n const updateCameraPosition = async ([lng, lat, alt], target) => {\n const camera = map().getFreeCameraOptions()\n camera.position = map().mapLib.MercatorCoordinate.fromLngLat(\n [lng, lat],\n alt\n )\n camera.lookAtPoint(target)\n map().setFreeCameraOptions(camera)\n }\n\n const frame = (time: number) => {\n props.translate && window.requestAnimationFrame(frame)\n const params = [\n props.translate.start,\n props.translate.end,\n props.translate.easing\n ? easeQuad[props.translate.easing](animationTime)\n : animationTime,\n ] as const\n const position =\n props.translate.type === 'line' ? lerp(...params) : slerp(...params)\n\n updateCameraPosition(position, props.translate.target)\n\n if (!props.translate.loop && (animationTime > 1.0 || animationTime < 0.0))\n isReverse = !isReverse\n animationTime = isReverse ? animationTime - 0.001 : animationTime + 0.001\n }\n\n createEffect(() => {\n props.translate && window.requestAnimationFrame(frame)\n })\n\n const rotateGlobe = () => {\n const secPerRev = (props.rotateGlobe as RotateGlobeOptions).secPerRev || 120\n const maxSpinZoom = (props.rotateGlobe as RotateGlobeOptions).maxZoom || 5\n const slowSpinZoom = (props.rotateGlobe as RotateGlobeOptions).slowZoom || 3\n const zoom = map().getZoom()\n if (!props.rotateGlobe || userInteraction() || zoom > maxSpinZoom) return\n\n let distancePerSecond = 360 / secPerRev\n if (zoom > slowSpinZoom)\n distancePerSecond *= (maxSpinZoom - zoom) / (maxSpinZoom - slowSpinZoom)\n const center = map().getCenter()\n center.lng = props.reverse\n ? center.lng + distancePerSecond\n : center.lng - distancePerSecond\n map().easeTo({ center, duration: 1000, easing: n => n }, { rotate: true })\n }\n\n const rotateViewport = () => {\n if (!props.rotateViewport || userInteraction()) return\n const secPerRev =\n (props.rotateViewport as RotateViewportOptions)?.secPerRev || 60\n const bearing = props.reverse\n ? map().getBearing() + 360 / secPerRev\n : map().getBearing() - 360 / secPerRev\n map().easeTo(\n {\n bearing,\n pitch: (props.rotateViewport as RotateViewportOptions)?.pitch || 60,\n duration: 1000,\n around: (props.rotateViewport as RotateViewportOptions)?.around,\n easing: n => n,\n },\n { rotate: true }\n )\n }\n\n const onMoveEnd = evt => {\n evt.rotate && props.rotateGlobe ? rotateGlobe() : rotateViewport()\n }\n const onDragEnd = () => (props.rotateGlobe ? rotateGlobe() : rotateViewport())\n\n map().on('moveend', onMoveEnd).on('dragend', onDragEnd)\n\n let originalCenter\n createEffect(() => {\n if (props.rotateGlobe == undefined) return\n if (props.rotateGlobe) {\n originalCenter = map().getCenter()\n rotateGlobe()\n } else {\n props.resetWhenStopped\n ? map().stop().easeTo({ center: originalCenter })\n : map().stop()\n }\n })\n\n createEffect(() => {\n if (props.rotateViewport == undefined) return\n props.rotateViewport\n ? rotateViewport()\n : props.resetWhenStopped\n ? map().stop().resetNorthPitch()\n : map().stop()\n })\n\n onCleanup(() => map().off('moveend', onMoveEnd).off('dragend', onDragEnd))\n\n return props.children\n}\n","import { onCleanup, createEffect, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type { LightSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\ntype Props = {\n /** Light Specifications */\n style: LightSpecification\n}\nexport const Light: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n\n // Add or Update Light Layer\n createEffect(() => map().setLight(props.style || {}))\n\n // Remove Light Layer\n onCleanup(() => map()?.setLight(null))\n\n return null\n}\n","import { onCleanup, VoidComponent } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { drawEvents } from '../../events'\nimport type { drawEventTypes } from '../../events'\n\ntype Props = {\n /** Draw Library */\n lib: any\n /** Draw Options */\n options?: object\n /** Draw Control Position */\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n /** Draw Control Instance */\n getInstance: (object) => void\n} & drawEventTypes\n\nexport const Draw: VoidComponent<Props> = props => {\n if (!useMap()) return\n const [map] = useMap()\n\n // Add Draw Control\n const draw = new props.lib(props.options)\n // console.log('a')\n map().addControl(draw, props.position || 'top-right')\n // console.log('b')\n props.getInstance(draw)\n // console.log('c')\n\n // Hook up events\n drawEvents.forEach(item => {\n if (props[item]) {\n const event = `draw.${item.slice(2).toLowerCase()}`\n map().on(event, evt => props[item](evt))\n }\n })\n\n // Remove Draw Control\n onCleanup(() => {\n map()?.removeControl(draw)\n })\n\n return null\n}\n"],"names":["mapEvents","layerEvents","drawEvents","mapBase","gitBase","gishub","hereBase","vectorStyleList","mb","light","dark","street","outdoor","sat","sat_street","nav","nav_night","basic","monochrome","leshine","icecream","cali","northstar","mineral","moonlight","frank","minimo","decimal","standard","blueprint","bubble","pencil","swiss_ski","vintage","whaam","neon","camoflauge","emerald","runner","x_ray","here","base","day","night","esri","charted_territory","colored_pencil","community","mid_century","modern_antique","nat_geo","newspaper","open_street_map","light_gray_canvas","dark_gray_canvas","human_geo_light","human_geo_dark","world_navigation","world_street","world_street_night","world_terrain","world_terrain_hybrid","world_topographic","chromium","dreamcatcher","seahaven","sangria","mercurial","imagery","imagery_hybrid","firefly","firefly_hybrid","oceans","carto","stamen","tf","rasterStyleList","osm","org","human","cycle","topo","_copy","voyager","positron","toner","toner_lite","watercolor","terrain","trans","trans_dark","landscape","outdoors","neighbourhood","spinal","pioneer","atlas","mobile","MapContext","createContext","useMap","useContext","MapGL","props","map","mapRef","id","createUniqueId","mapChanged","setMapChanged","createSignal","mapRoot","setMapRoot","darkMode","setDarkMode","userInteraction","setUserInteraction","createEffect","onUserInteraction","debug","text","value","console","getStyle","style","String","split","reduce","p","c","replace","apikey","import","meta","env","VITE_VECTOR_API_KEY","version","sources","layers","onMount","async","mapLib","Map","window","supported","Error","accessToken","options","VITE_MAPBOX_ACCESS_TOKEN","interactive","onViewportChange","viewport","projection","container","darkStyle","fitBoundsOptions","padding","sourceIdList","layerIdList","once","forEach","event","on","evt","rotate","darkTheme","matchMedia","addEventListener","matches","toString","MutationObserver","document","body","classList","contains","observe","attributes","item","prop","slice","toLowerCase","e","Object","keys","layerId","point","x","originalEvent","y","center","lat","getCenter","lng","zoom","getZoom","pitch","getPitch","bearing","getBearing","stop","transitionType","prev","bounds","cameraForBounds","proj","setProjection","cursorStyle","getCanvas","cursor","isStyleLoaded","setStyle","onCleanup","remove","_$createComponent","Provider","children","_el$","_tmpl$","cloneNode","_$use","_$effect","_p$","_v$","_v$2","class","_v$3","_v$4","position","inset","_$setAttribute","_$className","_$classList","_$style","undefined","Show","when","keyed","SourceContext","useSourceId","Source","lookup","url","s","source","tiles","VITE_RASTER_API_KEY","devicePixelRatio","attribution","i","addSource","push","getSource","type","data","isSourceLoaded","setData","coords","coordinates","updateImage","setUrl","setTiles","src","layer","removeLayer","removeSource","diff","newProps","prevProps","Set","acc","key","Layer","sourceId","addLayer","customLayer","metadata","smg","beforeType","beforeId","find","l","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","filter","setFilter","visible","featureState","removeFeatureState","sourceLayer","setFeatureState","state","getLayer","Atmosphere","setFog","Terrain","isMapLibre","tileSize","setTerrain","exaggeration","Control","control","hasControl","removeControl","getControl","lib","custom","NavigationControl","ScaleControl","AttributionControl","GeolocateControl","FullscreenControl","addControl","Marker","marker","popup","lngLat","ops","pops","mapboxgl","untrack","Popup","setHTML","onClose","setPopup","onDragStart","onDragEnd","onLngLatChange","getLngLat","toArray","setDraggable","draggable","setLngLat","addTo","openPopup","isOpen","togglePopup","trackPointer","closeOnClick","closeButton","focusAfterOpen","PATTERN","diagonal_l","size","path","diagonal_r","horizontal","vertical","cross","hash","chevron_h","chevron_v","square","fill","hex","circle","patternList","MGL_Image","setSize","width","height","hasImage","removeImage","pattern","pixelRatio","_loadImage","_createPattern","addImage","triggerRepaint","image","callback","trimStart","startsWith","DOMParser","parseFromString","childNodes","SVGElement","setAttribute","stroke","XMLSerializer","serializeToString","loadImage","error","imageData","trimEnd","endsWith","fetch","transform","img","Image","crossOrigin","onload","canvas","createElement","Math","max","ctx","getContext","imageSmoothingEnabled","drawImage","getImageData","Uint8Array","onAdd","this","willReadFrequently","render","fillStyle","background","fillRect","strokeStyle","color","lineWidth","lineWith","Path2D","easeQuad","in","out","inOut","pow","Camera","animationTime","isReverse","frame","time","translate","requestAnimationFrame","params","start","end","easing","alt","target","camera","getFreeCameraOptions","MercatorCoordinate","fromLngLat","lookAtPoint","setFreeCameraOptions","updateCameraPosition","lerp","a","b","t","_","idx","slerp","dotProduct","m","n","theta","acos","sin","loop","rotateGlobe","secPerRev","maxSpinZoom","maxZoom","slowSpinZoom","slowZoom","distancePerSecond","reverse","easeTo","duration","rotateViewport","around","onMoveEnd","originalCenter","resetWhenStopped","resetNorthPitch","off","Light","setLight","Draw","draw","getInstance"],"mappings":"iTA4DA,MAAMA,EAAsB,CAC1B,cACA,YACA,cACA,aACA,cACA,eACA,eACA,aACA,UACA,aACA,gBACA,eACA,aACA,gBACA,UACA,WACA,WACA,cACA,cACA,SACA,YACA,cACA,SACA,YACA,cACA,SACA,YACA,gBACA,WACA,aACA,eACA,UACA,aACA,iBACA,eACA,kBACA,qBACA,yBACA,SACA,WACA,SACA,UACA,SACA,cACA,eACA,gBACA,qBACA,sBACA,uBAgCIC,EAAqB,CACzB,cACA,YACA,cACA,aACA,cACA,eACA,eACA,UACA,aACA,gBACA,eACA,aACA,iBAGIC,EAAoB,CACxB,WACA,WACA,YACA,cACA,WACA,oBACA,eACA,WACA,gBCtKIC,EAAU,yBACVC,EAAU,qCACVC,EAAS,6DACTC,EAAW,4CAEJC,EAA0B,CACrCC,GAAI,CACFC,MAAQ,GAAEN,cACVO,KAAO,GAAEP,aACTQ,OAAS,GAAER,gBACXS,QAAU,GAAET,iBACZU,IAAM,GAAEV,iBACRW,WAAa,GAAEX,0BACfY,IAAM,GAAEZ,+BACRa,UAAY,GAAEb,iCACdc,MAAQ,GAAEd,8BACVe,WAAa,GAAEf,8BACfgB,QAAU,GAAEhB,8BACZiB,SAAW,GAAEjB,8BACbkB,KAAO,GAAElB,8BACTmB,UAAY,GAAEnB,8BACdoB,QAAU,GAAEpB,8BACZqB,UAAY,GAAErB,8BACdsB,MAAQ,GAAEtB,yCACVuB,OAAS,GAAEvB,yCACXwB,QAAU,GAAExB,yCACZyB,SAAW,GAAEzB,yCACb0B,UAAY,GAAE1B,yCACd2B,OAAS,GAAE3B,yCACX4B,OAAS,GAAE5B,yCACX6B,UAAY,GAAE5B,0EACd6B,QAAU,GAAE7B,wEACZ8B,MAAQ,GAAE9B,sEACV+B,KAAO,GAAE/B,mEACTgC,WAAa,GAAEhC,mDACfiC,QAAU,GAAEjC,gDACZkC,OAAS,GAAElC,+CACXmC,MAAQ,GAAEnC,+CAEZoC,KAAM,CACJC,KAAO,GAAEnC,8CACToC,IAAM,GAAEpC,6CACRqC,MAAQ,GAAErC,gDAEZsC,KAAM,CACJf,UAAY,GAAExB,uBACdwC,kBA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"}
package/dist/source/components/Draw/index.jsx ADDED
@@ -0,0 +1,27 @@
1
+ import { onCleanup } from 'solid-js';
2
+ import { useMap } from '../MapGL';
3
+ import { drawEvents } from '../../events';
4
+ export const Draw = props => {
5
+ if (!useMap())
6
+ return;
7
+ const [map] = useMap();
8
+ // Add Draw Control
9
+ const draw = new props.lib(props.options);
10
+ // console.log('a')
11
+ map().addControl(draw, props.position || 'top-right');
12
+ // console.log('b')
13
+ props.getInstance(draw);
14
+ // console.log('c')
15
+ // Hook up events
16
+ drawEvents.forEach(item => {
17
+ if (props[item]) {
18
+ const event = `draw.${item.slice(2).toLowerCase()}`;
19
+ map().on(event, evt => props[item](evt));
20
+ }
21
+ });
22
+ // Remove Draw Control
23
+ onCleanup(() => {
24
+ map()?.removeControl(draw);
25
+ });
26
+ return null;
27
+ };
package/dist/source/components/Layer/index.jsx CHANGED
@@ -23,7 +23,6 @@ export const Layer = props => {
23
23
  console.debug('%c[MapGL]', 'color: #10b981', text, value || '');
24
24
  };
25
25
  // Add Layer
26
- // if (!map().getLayer(props.id)) {
27
26
  map().addLayer(props.customLayer || {
28
27
  ...props.style,
29
28
  id: props.id,
@@ -48,7 +47,6 @@ export const Layer = props => {
48
47
  });
49
48
  }
50
49
  });
51
- // }
52
50
  // Update Style
53
51
  createEffect((prev) => {
54
52
  const style = props.style;
package/dist/source/components/MapGL/index.jsx CHANGED
@@ -47,7 +47,7 @@ export const MapGL = props => {
47
47
  ...props.viewport,
48
48
  projection: props.options?.projection || 'mercator',
49
49
  container: mapRef,
50
- style: getStyle(props.options?.style || 'mb:light', props.darkStyle),
50
+ style: getStyle(props.options?.style, props.darkStyle),
51
51
  fitBoundsOptions: { padding: props.viewport?.padding },
52
52
  });
53
53
  map.mapLib = mapLib;
package/dist/source/events.js CHANGED
@@ -64,4 +64,15 @@ const layerEvents = [
64
64
  'onTouchEnd',
65
65
  'onTouchCancel',
66
66
  ];
67
- export { mapEvents, layerEvents };
67
+ const drawEvents = [
68
+ 'onCreate',
69
+ 'onDelete',
70
+ 'onCombine',
71
+ 'onUncombine',
72
+ 'onUpdate',
73
+ 'onSelectionchange',
74
+ 'onModechange',
75
+ 'onRender',
76
+ 'onActionable',
77
+ ];
78
+ export { mapEvents, layerEvents, drawEvents };
package/dist/source/index.jsx CHANGED
@@ -9,3 +9,4 @@ export { Popup } from './components/Popup';
9
9
  export { MGL_Image as Image, patternList } from './components/Image';
10
10
  export { Camera } from './components/Camera';
11
11
  export { Light } from './components/Light';
12
+ export { Draw } from './components/Draw';
package/dist/types/components/Draw/index.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { VoidComponent } from 'solid-js';
2
+ import type { drawEventTypes } from '../../events';
3
+ type Props = {
4
+ /** Draw Library */
5
+ lib: any;
6
+ /** Draw Options */
7
+ options?: object;
8
+ /** Draw Control Position */
9
+ position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
10
+ /** Draw Control Instance */
11
+ getInstance: (object: any) => void;
12
+ } & drawEventTypes;
13
+ export declare const Draw: VoidComponent<Props>;
14
+ export {};
package/dist/types/events.d.ts CHANGED
@@ -79,5 +79,25 @@ type layerEventTypes = {
79
79
  onTouchCancel?: (event: MapTouchEvent) => void;
80
80
  };
81
81
  declare const layerEvents: any[];
82
- export { mapEvents, layerEvents };
83
- export type { mapEventTypes, layerEventTypes };
82
+ declare const drawEvents: any[];
83
+ type drawEventTypes = {
84
+ onCreate?: (event: Object) => void;
85
+ /** called when a feature is created */
86
+ onDelete?: (event: Object) => void;
87
+ /** called when a feature is deleted */
88
+ onCombine?: (event: Object) => void;
89
+ /** called when features are combined */
90
+ onUncombine?: (event: Object) => void;
91
+ /** called when features are uncombined */
92
+ onUpdate?: (event: Object) => void;
93
+ /** called when a feature is updated */
94
+ onSelectionchange?: (event: Object) => void;
95
+ /** called when the selected features change */
96
+ onModechange?: (event: Object) => void;
97
+ /** called when the draw mode changes */
98
+ onRender?: (event: Object) => void;
99
+ /** called when the draw canvas is re-rendered */
100
+ onActionable?: (event: Object) => void;
101
+ };
102
+ export { mapEvents, layerEvents, drawEvents };
103
+ export type { mapEventTypes, layerEventTypes, drawEventTypes };
package/dist/types/index.d.ts CHANGED
@@ -9,5 +9,6 @@ export { Popup } from './components/Popup';
9
9
  export { MGL_Image as Image, patternList } from './components/Image';
10
10
  export { Camera } from './components/Camera';
11
11
  export { Light } from './components/Light';
12
+ export { Draw } from './components/Draw';
12
13
  export type { Viewport } from './components/MapGL';
13
14
  export type { Color } from './components/Image';
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.6.6",
2
+ "version": "1.7.0",
3
3
  "name": "solid-map-gl",
4
4
  "description": "Solid Component Library for Mapbox GL JS",
5
5
  "info": "Solid Component Library for Mapbox GL JS. Mapbox GL JS is a JavaScript library that renders interactive maps from vector tiles and Mapbox styles using WebGL. This project is intended to be as close as possible to the Mapbox GL JS API.",
@@ -55,13 +55,13 @@
55
55
  "canvas": "^2.11.0",
56
56
  "jsdom": "^21.1.0",
57
57
  "mapbox-gl": "^2.13.0",
58
- "rollup": "^3.17.3",
58
+ "rollup": "^3.18.0",
59
59
  "rollup-plugin-import-css": "^3.1.0",
60
60
  "rollup-preset-solid": "^2.0.1",
61
61
  "solid-js": "^1.6.11",
62
62
  "typescript": "^4.9.5",
63
63
  "vite": "^4.1.4",
64
- "vite-plugin-solid": "^2.5.0",
64
+ "vite-plugin-solid": "^2.6.1",
65
65
  "vitest": "^0.29.2"
66
66
  },
67
67
  "peerDependencies": {