npm - solid-map-gl - Versions diffs - 1.2.17 → 1.2.18 - Mend

solid-map-gl 1.2.17 → 1.2.18

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 (4) hide show

package/dist/esm/index.js +1 -1
package/dist/esm/index.js.map +1 -1
package/dist/source/components/MapGL/index.jsx +13 -22
package/package.json +1 -1

package/dist/esm/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{effect,className,classList,style,insert,createComponent,template}from"solid-js/web";import{createContext,useContext,createUniqueId,createSignal,useTransition,onMount,onCleanup,createEffect,on,untrack}from"solid-js";import mapboxgl,{MercatorCoordinate}from"mapbox-gl";const mapEvents=["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"],layerEvents=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel"],mapBase="mapbox://styles/mapbox",gitBase="https://raw.githubusercontent.com",vectorStyleList={"mb:light":mapBase+"/light-v10","mb:dark":mapBase+"/dark-v10","mb:streets":mapBase+"/streets-v11","mb:outdoor":mapBase+"/outdoors-v11","mb:sat":mapBase+"/satellite-v9","mb:sat-streets":mapBase+"/satellite-streets-v11","mb:nav":mapBase+"/navigation-guidance-day-v4","mb:nav-night":mapBase+"/navigation-guidance-night-v4","mb:basic":mapBase+"/cjf4m44iw0uza2spb3q0a7s41","mb:monochrome":mapBase+"/cjv6rzz4j3m4b1fqcchuxclhb","mb:leshine":mapBase+"/cjcunv5ae262f2sm9tfwg8i0w","mb:icecream":mapBase+"/cj7t3i5yj0unt2rmt3y4b5e32","mb:cali":mapBase+"/cjerxnqt3cgvp2rmyuxbeqme7","mb:northstar":mapBase+"/cj44mfrt20f082snokim4ungi","mb:mineral":mapBase+"/cjtep62gq54l21frr1whf27ak","mb:moonlight":mapBase+"/cj3kbeqzo00022smj7akz3o1e","mb:frank":mapBase+"-map-design/ckshxkppe0gge18nz20i0nrwq","mb:minimo":mapBase+"-map-design/cksjc2nsq1bg117pnekb655h1","mb:decimal":mapBase+"-map-design/ck4014y110wt61ctt07egsel6","mb:standard":mapBase+"-map-design/ckr0svm3922ki18qntevm857n","mb:blueprint":mapBase+"-map-design/cks97e1e37nsd17nzg7p0308g","mb:bubble":mapBase+"-map-design/cksysy2nl62zp17quosctdtcc","mb:pencil":mapBase+"-map-design/cks9iema71es417mlrft4go2k","mb:swiss-ski":gitBase+"/mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json","mb:vintage":gitBase+"/mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json","mb:whaam":gitBase+"/mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json","mb:neon":gitBase+"/NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json","mb:camoflauge":gitBase+"/jingsam/mapbox-gl-styles/master/Camouflage.json","mb:emerald":gitBase+"/jingsam/mapbox-gl-styles/master/Emerald.json","mb:runner":gitBase+"/jingsam/mapbox-gl-styles/master/Runner.json","mb:x-ray":gitBase+"/jingsam/mapbox-gl-styles/master/X-ray.json"},rasterStyleList={"osm:org":["https://tile.openstreetmap.org/{z}/{x}/{y}.png",'Map &copy; <a href="https://www.openstreetmap.org"><em>OpenStreetMap</em></a>'],"osm:human":["https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",'Map &copy; <a href="http://hot.openstreetmap.org"><em>Humanitarian OpenStreetMap Team</em></a>'],"osm:cycle":["https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",'Maps &copy; <a href="https://www.cyclosm.org" target="_blank"><em>CyclOSM</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"carto:voyager":["https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png",'Maps &copy; <a href="https://carto.com/attribution"><em>Carto</em></a>'],"carto:positron":["https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png",'Maps &copy; <a href="https://carto.com/attribution"><em>Carto</em></a>'],"carto:dark":["https://{s}.basemaps.cartocdn.com/rastertiles/dark_all/{z}/{x}/{y}.png",'Maps &copy; <a href="https://carto.com/attribution"><em>Carto</em></a>'],"open:topo":["https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",'Maps &copy; <a href="https://opentopomap.org/credits"><em>OpenTopoMap</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:toner":["https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:toner-lite":["https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:watercolor":["https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:terrain":["https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:cycle":["https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}@2x.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:trans":["https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:trans-dark":["https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:landscape":["https://{s}.tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:outdoors":["https://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:neighbourhood":["https://{s}.tile.thunderforest.com/neighbourhood/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:spinal":["https://{s}.tile.thunderforest.com/spinal-map/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:pioneer":["https://{s}.tile.thunderforest.com/pioneer/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:atlas":["https://{s}.tile.thunderforest.com/atlas/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:mobile":["https://{s}.tile.thunderforest.com/mobile-atlas/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>']},_tmpl$$2=template("<div></div>",2),MapContext=createContext(),useMap=()=>useContext(MapContext),MapGL=n=>{n.id=n.id||createUniqueId();const[e,a]=createSignal(),[o,s]=(useTransition(),createSignal("flyTo")),i=(()=>{const r=_tmpl$$2.cloneNode(!0);return effect(e=>{var t=null==n?void 0:n.class,a=null==n?void 0:n.classList,o={position:"absolute",inset:0,...n.style};return t!==e._v$&&className(r,e._v$=t),e._v$2=classList(r,a,e._v$2),e._v$3=style(r,o,e._v$3),e},{_v$:void 0,_v$2:void 0,_v$3:void 0}),r})(),p=(()=>{const e=_tmpl$$2.cloneNode(!0);return e.style.setProperty("position","absolute"),e.style.setProperty("z-index","1"),insert(e,()=>n.children),e})();return onMount(()=>{var e;const r=new mapboxgl.Map({...n.options,style:vectorStyleList[null==(e=n.options)?void 0:e.style]||(null==(e=n.options)?void 0:e.style)||{version:8,sources:{},layers:[]},container:i,interactive:!!n.onViewportChange,bounds:null==(e=n.viewport)?void 0:e.bounds,center:null==(e=n.viewport)?void 0:e.center,zoom:(null==(e=n.viewport)?void 0:e.zoom)||null,pitch:(null==(e=n.viewport)?void 0:e.pitch)||null,bearing:(null==(e=n.viewport)?void 0:e.bearing)||null,fitBoundsOptions:{padding:null==(e=n.viewport)?void 0:e.padding}}),t=(r.container=p,r.once("styledata").then(()=>a(r)),onCleanup(()=>r.remove()),new ResizeObserver(()=>r.resize()));t.observe(i),createEffect(()=>mapEvents.forEach(t=>{if(n[t]){const e=t.slice(2).toLowerCase(),a=e=>n[t](e);r.on(e,a),onCleanup(()=>r.off(e,a))}})),createEffect(()=>{r.showTileBoundaries=n.showTileBoundaries,r.showTerrainWireframe=n.showTerrainWireframe,r.showPadding=n.showPadding,r.showCollisionBoxes=n.showCollisionBoxes,r.showOverdrawInspector=n.showOverdrawInspector}),createEffect(()=>r.getCanvas().style.cursor=n.cursorStyle),createEffect(()=>s(n.transitionType)),createEffect(on(()=>{var e;return null==(e=n.options)?void 0:e.projection},e=>r.setProjection(e),{defer:!0})),createEffect(on(()=>{var e;return null==(e=n.options)?void 0:e.style},e=>{const a=r.getStyle(),t=a.layers.filter(e=>e.id.startsWith("cl-")),o=Object.keys(a.sources).filter(e=>e.startsWith("cl-")).reduce((e,t)=>({...e,[t]:a.sources[t]}),{});r.setStyle(vectorStyleList[e]||e||{version:8,sources:{},layers:[]}),r.once("styledata",()=>{var e=r.getStyle();r.setStyle({...e,sources:{...e.sources,...o},layers:[...e.layers,...t]})})},{defer:!0})),createEffect(()=>{var e;const t={id:null,center:r.getCenter(),zoom:r.getZoom(),pitch:r.getPitch(),bearing:r.getBearing(),padding:null==(e=n.viewport)?void 0:e.padding,bounds:null==(e=n.viewport)?void 0:e.bounds},a=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange({...t,id:n.id}),s("jumpTo")},o=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange(t),s(n.transitionType)};r.on("move",a).on("moveend",o),onCleanup(()=>r.off("move",a).off("moveend",o))}),createEffect(e=>{var t;return(null==(t=n.viewport)?void 0:t.bounds)!=e&&n.onViewportChange({...n.viewport,...r.cameraForBounds(null==(t=n.viewport)?void 0:t.bounds,{padding:null==(e=n.viewport)?void 0:e.padding})}),null==(t=n.viewport)?void 0:t.bounds},null==(e=n.viewport)?void 0:e.bounds),createEffect(()=>{var e;if(n.id!==(null==(e=n.viewport)?void 0:e.id)){var t={...n.viewport,padding:(null==(e=n.viewport)?void 0:e.padding)||0};switch(untrack(o)){case"easeTo":r.stop().easeTo(t);case"jumpTo":r.stop().jumpTo(t);default:r.stop().flyTo(t)}}})}),createComponent(MapContext.Provider,{value:e,get children(){return[p,i]}})},SourceContext=createContext(),useSourceId=()=>useContext(SourceContext),Source=o=>{const r=useMap(),n=(o.id=o.id||createUniqueId(),e=>rasterStyleList[e]?{...o.source,url:"",tiles:[rasterStyleList[e][0].replace("{apikey}",o.source.apikey)],attribution:rasterStyleList[e][1]}:o.source);return createEffect(()=>{const t=n(o.source.url);t.tiles&&(t.tiles=["a","b","c"].map(e=>t.tiles[0].replace("{s}",e))),r().getSource(o.id)||r().addSource(o.id,t)}),onCleanup(()=>{r().getStyle().layers.forEach(e=>e.source===o.id&&r().removeLayer(e.id)),r().getSource(o.id)&&r().removeSource(o.id)}),createEffect(()=>{const e=r().getSource(o.id);if(e&&("geojson"===o.source.type&&o.source.data&&e.setData(o.source.data),"image"===o.source.type&&(o.source.url||o.source.coordinates)&&e.updateImage(o.source.url,o.source.coordinates),"vector"===o.source.type&&(o.source.url||o.source.tiles)&&(o.source.url?e.setUrl(o.source.url):e.setTiles(o.source.tiles)),"raster"===o.source.type&&(o.source.url||o.source.tiles))){var t;const a=n(o.source.url);a.tiles&&(a.tiles=["a","b","c"].map(e=>a.tiles[0].replace("{s}",e))),null!=(t=e._tileJSONRequest)&&t.cancel(),e.url=a.url,e.scheme=a.scheme,e._options={...e._options,...a},null!=(t=r().style._sourceCaches["other:"+o.id])&&t.clearTiles(),e.load()}}),createComponent(SourceContext.Provider,{get value(){return o.id},get children(){return o.children}})},diff=(o={},r={})=>{return[...new Set([...Object.keys(o),...Object.keys(r)])].reduce((e,t)=>{var a=o[t];return a!==r[t]&&e.push([t,a]),e},[])},Layer=r=>{const n=useMap(),t=useSourceId();return r.id=r.id||createUniqueId(),createEffect(()=>{var e;n().getLayer(r.id)||n().addLayer(r.customLayer||{...r.style,id:r.id,source:t,metadata:{smg:{beforeType:r.beforeType,beforeId:r.beforeId}}},r.beforeType?null==(e=n())?void 0:e.getStyle().layers.find(e=>e.type===r.beforeType).id:r.beforeId)}),onCleanup(()=>n().getLayer(r.id)&&n().removeLayer(r.id)),createEffect(()=>layerEvents.forEach(t=>{if(r[t]){var e;const a=t.slice(2).toLowerCase(),o=e=>r[t](e);null!=(e=n())&&e.on(a,r.id,o),onCleanup(()=>{var e;return null==(e=n())?void 0:e.off(a,r.id,o)})}})),createEffect(e=>{if(r.style&&n().style&&n().getSource(t)&&n().getLayer(r.id))return r.style.layout!==(null==e?void 0:e.layout)&&diff(r.style.layout,null==e?void 0:e.layout).forEach(([e,t])=>n().setLayoutProperty(r.id,e,t,{validate:!1})),r.style.paint!==(null==e?void 0:e.paint)&&diff(r.style.paint,null==e?void 0:e.paint).forEach(([e,t])=>n().setPaintProperty(r.id,e,t,{validate:!1})),r.style.minzoom===(null==e?void 0:e.minzoom)&&r.style.maxzoom===(null==e?void 0:e.maxzoom)||n().setLayerZoomRange(r.id,r.style.minzoom,r.style.maxzoom),r.style.filter!==(null==e?void 0:e.filter)&&n().setFilter(r.id,r.style.filter,{validate:!1}),r.style},r.style),createEffect(e=>{if(void 0!==r.visible&&r.visible!==e&&n().getSource(t)&&n().getLayer(r.id))return n().setLayoutProperty(r.id,"visibility",r.visible?"visible":"none",{validate:!1}),r.visible},r.visible),createEffect(async()=>{r.filter&&(n().isStyleLoaded()||await n().once("styledata"),n().setFilter(r.id,r.filter))}),createEffect(async()=>{r.featureState&&r.featureState.id&&(n().isStyleLoaded()||await n().once("styledata"),n().removeFeatureState({source:t,sourceLayer:r.style["source-layer"]}),n().setFeatureState({source:t,sourceLayer:r.style["source-layer"],id:r.featureState.id},r.featureState.state))}),r.children},Fog=e=>{const t=useMap();return createEffect(()=>{t().setFog(e.style)}),onCleanup(()=>t().setFog(null)),createEffect(()=>{void 0!==e.visible&&t().setFog(e.visible?e.style:null)}),e.children},Sky=e=>{const t=useMap(),a="_sky";return createEffect(()=>{t().getLayer(a)&&t().addLayer({...e.style,id:a})}),onCleanup(()=>t().getLayer(a)&&t().removeLayer(a)),createEffect(()=>{void 0!==e.visible&&t().setLayoutProperty(a,"visibility",e.visible?"visible":"none")}),e.children},Terrain=e=>{const t=useMap(),a=useSourceId();return createEffect(()=>{t().setTerrain({...e.style,source:a})}),onCleanup(()=>t().setTerrain(null)),createEffect(()=>{void 0!==e.visible&&t().setTerrain(e.visible?e.style:null)}),e.children},Control=a=>{const o=useMap(),[e,r]=createSignal(null);return createEffect(()=>{var e,t=((e,t)=>{if(a.custom)return new a.custom(t);switch(e){case"navigation":return new mapboxgl.NavigationControl(t);case"scale":return new mapboxgl.ScaleControl(t);case"attribution":return new mapboxgl.AttributionControl(t);case"geolocate":return new mapboxgl.GeolocateControl(t);case"fullscreen":return new mapboxgl.FullscreenControl;default:throw new Error("Unknown control type: "+e)}})(a.type,a.options);t&&null!=(e=o())&&e.addControl(t,a.position),r(t)}),onCleanup(()=>o().removeControl(e())),a.children},_tmpl$$1=template("<div></div>",2),Marker=t=>{const a=useMap();let o=null;return createEffect(()=>{var e;o=new mapboxgl.Marker(t.options).setLngLat(t.lngLat).setPopup(t.children?(new mapboxgl.Popup).setDOMContent((e=_tmpl$$1.cloneNode(!0),insert(e,()=>t.children),e)):null).addTo(a())}),onCleanup(()=>o.remove()),createEffect(()=>o&&o.setLngLat(t.lngLat)),[]},_tmpl$=template("<div></div>",2),Popup=t=>{const a=useMap();let o=null;return createEffect(()=>{var e;o=new mapboxgl.Popup(t.options).setLngLat(t.lngLat).setDOMContent((e=_tmpl$.cloneNode(!0),insert(e,()=>t.children),e)).addTo(a())}),onCleanup(()=>o.remove()),createEffect(()=>o&&o.setLngLaL(t.lngLat)),createEffect(()=>o&&o.setDOMContent((()=>{var e=_tmpl$.cloneNode(!0);return insert(e,()=>t.children),e})())),[]},Image=a=>{const o=useMap();return createEffect(()=>{a.url?o().loadImage(a.url,(e,t)=>!o().hasImage(a.id)&&o().addImage(a.id,t)):o().hasImage(a.id)||o().addImage(a.id,a.image,a.options)}),onCleanup(()=>o().hasImage(a.id)&&o().removeImage(a.id)),createEffect(async()=>{a.image&&a.url||(a.url?o().loadImage(a.url,(e,t)=>{if(e)throw e;o().hasImage(a.id)||o().updateImage(a.id,t)}):o().style&&o().hasImage(a.id)&&o().updateImage(a.id,a.image))}),[]},lerp=(a,o,r)=>a.map((e,t)=>(1-r)*a[t]+r*o[t]),slerp=(a,o,r)=>{return a.map((e,t)=>Math.sin(.075*(1-r))/Math.sin(.075)*a[t]+Math.sin(.075*r)/Math.sin(.075)*o[t])},easeQuad={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},Camera=s=>{const i=useMap();let p=.1,l=!1;const c=e=>{s.animate&&window.requestAnimationFrame(c);var t=[s.translate.start,s.translate.end,s.translate.easing?easeQuad[s.translate.easing](p):p],t=("line"===s.translate.type?lerp:slerp)(...t);{var[[t,a,o],r]=[t,s.translate.target];const n=i().getFreeCameraOptions();n.position=MercatorCoordinate.fromLngLat([t,a],o),n.lookAtPoint(r),i().setFreeCameraOptions(n)}!s.translate.loop&&(1<p||p<0)&&(l=!l),p=l?p-.001:p+.001};return createEffect(async()=>{s.animate&&window.requestAnimationFrame(c)}),s.children};export{Camera,Control,Fog,Image,Layer,Marker,Popup,Sky,Source,Terrain,MapGL as default,useMap,useSourceId};
+import{effect,className,classList,style,createComponent,memo,insert,template}from"solid-js/web";import{createContext,useContext,createUniqueId,createSignal,useTransition,onMount,onCleanup,createEffect,untrack}from"solid-js";import mapboxgl,{MercatorCoordinate}from"mapbox-gl";const mapEvents=["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"],layerEvents=["onMouseDown","onMouseUp","onMouseOver","onMouseOut","onMouseMove","onMouseEnter","onMouseLeave","onClick","onDblClick","onContextMenu","onTouchStart","onTouchEnd","onTouchCancel"],mapBase="mapbox://styles/mapbox",gitBase="https://raw.githubusercontent.com",vectorStyleList={"mb:light":mapBase+"/light-v10","mb:dark":mapBase+"/dark-v10","mb:streets":mapBase+"/streets-v11","mb:outdoor":mapBase+"/outdoors-v11","mb:sat":mapBase+"/satellite-v9","mb:sat-streets":mapBase+"/satellite-streets-v11","mb:nav":mapBase+"/navigation-guidance-day-v4","mb:nav-night":mapBase+"/navigation-guidance-night-v4","mb:basic":mapBase+"/cjf4m44iw0uza2spb3q0a7s41","mb:monochrome":mapBase+"/cjv6rzz4j3m4b1fqcchuxclhb","mb:leshine":mapBase+"/cjcunv5ae262f2sm9tfwg8i0w","mb:icecream":mapBase+"/cj7t3i5yj0unt2rmt3y4b5e32","mb:cali":mapBase+"/cjerxnqt3cgvp2rmyuxbeqme7","mb:northstar":mapBase+"/cj44mfrt20f082snokim4ungi","mb:mineral":mapBase+"/cjtep62gq54l21frr1whf27ak","mb:moonlight":mapBase+"/cj3kbeqzo00022smj7akz3o1e","mb:frank":mapBase+"-map-design/ckshxkppe0gge18nz20i0nrwq","mb:minimo":mapBase+"-map-design/cksjc2nsq1bg117pnekb655h1","mb:decimal":mapBase+"-map-design/ck4014y110wt61ctt07egsel6","mb:standard":mapBase+"-map-design/ckr0svm3922ki18qntevm857n","mb:blueprint":mapBase+"-map-design/cks97e1e37nsd17nzg7p0308g","mb:bubble":mapBase+"-map-design/cksysy2nl62zp17quosctdtcc","mb:pencil":mapBase+"-map-design/cks9iema71es417mlrft4go2k","mb:swiss-ski":gitBase+"/mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json","mb:vintage":gitBase+"/mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json","mb:whaam":gitBase+"/mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json","mb:neon":gitBase+"/NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json","mb:camoflauge":gitBase+"/jingsam/mapbox-gl-styles/master/Camouflage.json","mb:emerald":gitBase+"/jingsam/mapbox-gl-styles/master/Emerald.json","mb:runner":gitBase+"/jingsam/mapbox-gl-styles/master/Runner.json","mb:x-ray":gitBase+"/jingsam/mapbox-gl-styles/master/X-ray.json"},rasterStyleList={"osm:org":["https://tile.openstreetmap.org/{z}/{x}/{y}.png",'Map &copy; <a href="https://www.openstreetmap.org"><em>OpenStreetMap</em></a>'],"osm:human":["https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png",'Map &copy; <a href="http://hot.openstreetmap.org"><em>Humanitarian OpenStreetMap Team</em></a>'],"osm:cycle":["https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png",'Maps &copy; <a href="https://www.cyclosm.org" target="_blank"><em>CyclOSM</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"carto:voyager":["https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png",'Maps &copy; <a href="https://carto.com/attribution"><em>Carto</em></a>'],"carto:positron":["https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png",'Maps &copy; <a href="https://carto.com/attribution"><em>Carto</em></a>'],"carto:dark":["https://{s}.basemaps.cartocdn.com/rastertiles/dark_all/{z}/{x}/{y}.png",'Maps &copy; <a href="https://carto.com/attribution"><em>Carto</em></a>'],"open:topo":["https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png",'Maps &copy; <a href="https://opentopomap.org/credits"><em>OpenTopoMap</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:toner":["https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:toner-lite":["https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:watercolor":["https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"stamen:terrain":["https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg",'Maps &copy; <a href="https://stamen.com" target="_blank"><em>Stamen Design</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:cycle":["https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}@2x.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:trans":["https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:trans-dark":["https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:landscape":["https://{s}.tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:outdoors":["https://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:neighbourhood":["https://{s}.tile.thunderforest.com/neighbourhood/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:spinal":["https://{s}.tile.thunderforest.com/spinal-map/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:pioneer":["https://{s}.tile.thunderforest.com/pioneer/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:atlas":["https://{s}.tile.thunderforest.com/atlas/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>'],"tf:mobile":["https://{s}.tile.thunderforest.com/mobile-atlas/{z}/{x}/{y}.png?apikey={apikey}",'Maps &copy; <a href="https://thunderforest.com" target="_blank"><em>Thunderforest</em></a>, Data &copy; <a href="http://www.openstreetmap.org/copyright" target="_blank"><em>OpenStreetMap</em></a>']},_tmpl$$2=template("<div></div>",2),MapContext=createContext(),useMap=()=>useContext(MapContext),MapGL=n=>{n.id=n.id||createUniqueId();const[e,a]=createSignal(null),[o,s]=(useTransition(),createSignal("flyTo")),i=(()=>{const r=_tmpl$$2.cloneNode(!0);return effect(e=>{var t=null==n?void 0:n.class,a=null==n?void 0:n.classList,o={position:"absolute",inset:0,...n.style};return t!==e._v$&&className(r,e._v$=t),e._v$2=classList(r,a,e._v$2),e._v$3=style(r,o,e._v$3),e},{_v$:void 0,_v$2:void 0,_v$3:void 0}),r})();return onMount(()=>{var e;const r=new mapboxgl.Map({...n.options,style:vectorStyleList[null==(e=n.options)?void 0:e.style]||(null==(e=n.options)?void 0:e.style)||{version:8,sources:{},layers:[]},container:i,interactive:!!n.onViewportChange,bounds:null==(e=n.viewport)?void 0:e.bounds,center:null==(e=n.viewport)?void 0:e.center,zoom:(null==(e=n.viewport)?void 0:e.zoom)||null,pitch:(null==(e=n.viewport)?void 0:e.pitch)||null,bearing:(null==(e=n.viewport)?void 0:e.bearing)||null,fitBoundsOptions:{padding:null==(e=n.viewport)?void 0:e.padding}}),t=(r.once("styledata").then(()=>a(r)),onCleanup(()=>r.remove()),new ResizeObserver(()=>r.resize()));t.observe(i),createEffect(()=>mapEvents.forEach(t=>{if(n[t]){const e=t.slice(2).toLowerCase(),a=e=>n[t](e);r.on(e,a),onCleanup(()=>r.off(e,a))}})),createEffect(()=>{r.showTileBoundaries=n.showTileBoundaries,r.showTerrainWireframe=n.showTerrainWireframe,r.showPadding=n.showPadding,r.showCollisionBoxes=n.showCollisionBoxes,r.showOverdrawInspector=n.showOverdrawInspector}),createEffect(()=>r.getCanvas().style.cursor=n.cursorStyle),createEffect(()=>s(n.transitionType)),createEffect(()=>{var e;return r.setProjection(null==(e=n.options)?void 0:e.projection)}),createEffect(()=>{var e=null==(e=n.options)?void 0:e.style;if(r.isStyleLoaded()){const a=r.getStyle(),t=a.layers.filter(e=>e.id.startsWith("cl-")),o=Object.keys(a.sources).filter(e=>e.startsWith("cl-")).reduce((e,t)=>({...e,[t]:a.sources[t]}),{});r.setStyle(vectorStyleList[e]||e||{version:8,sources:{},layers:[]}),r.once("styledata",()=>{var e=r.getStyle();r.setStyle({...e,sources:{...e.sources,...o},layers:[...e.layers,...t]})})}}),createEffect(()=>{var e;const t={id:null,center:r.getCenter(),zoom:r.getZoom(),pitch:r.getPitch(),bearing:r.getBearing(),padding:null==(e=n.viewport)?void 0:e.padding,bounds:null==(e=n.viewport)?void 0:e.bounds},a=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange({...t,id:n.id}),s("jumpTo")},o=e=>{e.originalEvent&&n.onViewportChange&&n.onViewportChange(t),s(n.transitionType)};r.on("move",a).on("moveend",o),onCleanup(()=>r.off("move",a).off("moveend",o))}),createEffect(e=>{var t;return(null==(t=n.viewport)?void 0:t.bounds)!=e&&n.onViewportChange({...n.viewport,...r.cameraForBounds(null==(t=n.viewport)?void 0:t.bounds,{padding:null==(e=n.viewport)?void 0:e.padding})}),null==(t=n.viewport)?void 0:t.bounds},null==(e=n.viewport)?void 0:e.bounds),createEffect(()=>{var e;if(n.id!==(null==(e=n.viewport)?void 0:e.id)){var t={...n.viewport,padding:(null==(e=n.viewport)?void 0:e.padding)||0};switch(untrack(o)){case"easeTo":r.stop().easeTo(t);case"jumpTo":r.stop().jumpTo(t);default:r.stop().flyTo(t)}}})}),createComponent(MapContext.Provider,{value:e,get children(){return[memo(()=>memo(()=>!!e(),!0)()&&(()=>{const e=_tmpl$$2.cloneNode(!0);return e.style.setProperty("position","absolute"),e.style.setProperty("z-index","10"),insert(e,()=>n.children),e})()),i]}})},SourceContext=createContext(),useSourceId=()=>useContext(SourceContext),Source=o=>{const r=useMap(),n=(o.id=o.id||createUniqueId(),e=>rasterStyleList[e]?{...o.source,url:"",tiles:[rasterStyleList[e][0].replace("{apikey}",o.source.apikey)],attribution:rasterStyleList[e][1]}:o.source);return createEffect(()=>{const t=n(o.source.url);t.tiles&&(t.tiles=["a","b","c"].map(e=>t.tiles[0].replace("{s}",e))),r().getSource(o.id)||r().addSource(o.id,t)}),onCleanup(()=>{r().getStyle().layers.forEach(e=>e.source===o.id&&r().removeLayer(e.id)),r().getSource(o.id)&&r().removeSource(o.id)}),createEffect(()=>{const e=r().getSource(o.id);if(e&&("geojson"===o.source.type&&o.source.data&&e.setData(o.source.data),"image"===o.source.type&&(o.source.url||o.source.coordinates)&&e.updateImage(o.source.url,o.source.coordinates),"vector"===o.source.type&&(o.source.url||o.source.tiles)&&(o.source.url?e.setUrl(o.source.url):e.setTiles(o.source.tiles)),"raster"===o.source.type&&(o.source.url||o.source.tiles))){var t;const a=n(o.source.url);a.tiles&&(a.tiles=["a","b","c"].map(e=>a.tiles[0].replace("{s}",e))),null!=(t=e._tileJSONRequest)&&t.cancel(),e.url=a.url,e.scheme=a.scheme,e._options={...e._options,...a},null!=(t=r().style._sourceCaches["other:"+o.id])&&t.clearTiles(),e.load()}}),createComponent(SourceContext.Provider,{get value(){return o.id},get children(){return o.children}})},diff=(o={},r={})=>{return[...new Set([...Object.keys(o),...Object.keys(r)])].reduce((e,t)=>{var a=o[t];return a!==r[t]&&e.push([t,a]),e},[])},Layer=r=>{const n=useMap(),t=useSourceId();return r.id=r.id||createUniqueId(),createEffect(()=>{var e;n().getLayer(r.id)||n().addLayer(r.customLayer||{...r.style,id:r.id,source:t,metadata:{smg:{beforeType:r.beforeType,beforeId:r.beforeId}}},r.beforeType?null==(e=n())?void 0:e.getStyle().layers.find(e=>e.type===r.beforeType).id:r.beforeId)}),onCleanup(()=>n().getLayer(r.id)&&n().removeLayer(r.id)),createEffect(()=>layerEvents.forEach(t=>{if(r[t]){var e;const a=t.slice(2).toLowerCase(),o=e=>r[t](e);null!=(e=n())&&e.on(a,r.id,o),onCleanup(()=>{var e;return null==(e=n())?void 0:e.off(a,r.id,o)})}})),createEffect(e=>{if(r.style&&n().style&&n().getSource(t)&&n().getLayer(r.id))return r.style.layout!==(null==e?void 0:e.layout)&&diff(r.style.layout,null==e?void 0:e.layout).forEach(([e,t])=>n().setLayoutProperty(r.id,e,t,{validate:!1})),r.style.paint!==(null==e?void 0:e.paint)&&diff(r.style.paint,null==e?void 0:e.paint).forEach(([e,t])=>n().setPaintProperty(r.id,e,t,{validate:!1})),r.style.minzoom===(null==e?void 0:e.minzoom)&&r.style.maxzoom===(null==e?void 0:e.maxzoom)||n().setLayerZoomRange(r.id,r.style.minzoom,r.style.maxzoom),r.style.filter!==(null==e?void 0:e.filter)&&n().setFilter(r.id,r.style.filter,{validate:!1}),r.style},r.style),createEffect(e=>{if(void 0!==r.visible&&r.visible!==e&&n().getSource(t)&&n().getLayer(r.id))return n().setLayoutProperty(r.id,"visibility",r.visible?"visible":"none",{validate:!1}),r.visible},r.visible),createEffect(async()=>{r.filter&&(n().isStyleLoaded()||await n().once("styledata"),n().setFilter(r.id,r.filter))}),createEffect(async()=>{r.featureState&&r.featureState.id&&(n().isStyleLoaded()||await n().once("styledata"),n().removeFeatureState({source:t,sourceLayer:r.style["source-layer"]}),n().setFeatureState({source:t,sourceLayer:r.style["source-layer"],id:r.featureState.id},r.featureState.state))}),r.children},Fog=e=>{const t=useMap();return createEffect(()=>{t().setFog(e.style)}),onCleanup(()=>t().setFog(null)),createEffect(()=>{void 0!==e.visible&&t().setFog(e.visible?e.style:null)}),e.children},Sky=e=>{const t=useMap(),a="_sky";return createEffect(()=>{t().getLayer(a)&&t().addLayer({...e.style,id:a})}),onCleanup(()=>t().getLayer(a)&&t().removeLayer(a)),createEffect(()=>{void 0!==e.visible&&t().setLayoutProperty(a,"visibility",e.visible?"visible":"none")}),e.children},Terrain=e=>{const t=useMap(),a=useSourceId();return createEffect(()=>{t().setTerrain({...e.style,source:a})}),onCleanup(()=>t().setTerrain(null)),createEffect(()=>{void 0!==e.visible&&t().setTerrain(e.visible?e.style:null)}),e.children},Control=a=>{const o=useMap(),[e,r]=createSignal(null);return createEffect(()=>{var e,t=((e,t)=>{if(a.custom)return new a.custom(t);switch(e){case"navigation":return new mapboxgl.NavigationControl(t);case"scale":return new mapboxgl.ScaleControl(t);case"attribution":return new mapboxgl.AttributionControl(t);case"geolocate":return new mapboxgl.GeolocateControl(t);case"fullscreen":return new mapboxgl.FullscreenControl;default:throw new Error("Unknown control type: "+e)}})(a.type,a.options);t&&null!=(e=o())&&e.addControl(t,a.position),r(t)}),onCleanup(()=>o().removeControl(e())),a.children},_tmpl$$1=template("<div></div>",2),Marker=t=>{const a=useMap();let o=null;return createEffect(()=>{var e;o=new mapboxgl.Marker(t.options).setLngLat(t.lngLat).setPopup(t.children?(new mapboxgl.Popup).setDOMContent((e=_tmpl$$1.cloneNode(!0),insert(e,()=>t.children),e)):null).addTo(a())}),onCleanup(()=>o.remove()),createEffect(()=>o&&o.setLngLat(t.lngLat)),[]},_tmpl$=template("<div></div>",2),Popup=t=>{const a=useMap();let o=null;return createEffect(()=>{var e;o=new mapboxgl.Popup(t.options).setLngLat(t.lngLat).setDOMContent((e=_tmpl$.cloneNode(!0),insert(e,()=>t.children),e)).addTo(a())}),onCleanup(()=>o.remove()),createEffect(()=>o&&o.setLngLaL(t.lngLat)),createEffect(()=>o&&o.setDOMContent((()=>{var e=_tmpl$.cloneNode(!0);return insert(e,()=>t.children),e})())),[]},Image=a=>{const o=useMap();return createEffect(()=>{a.url?o().loadImage(a.url,(e,t)=>!o().hasImage(a.id)&&o().addImage(a.id,t)):o().hasImage(a.id)||o().addImage(a.id,a.image,a.options)}),onCleanup(()=>o().hasImage(a.id)&&o().removeImage(a.id)),createEffect(async()=>{a.image&&a.url||(a.url?o().loadImage(a.url,(e,t)=>{if(e)throw e;o().hasImage(a.id)||o().updateImage(a.id,t)}):o().style&&o().hasImage(a.id)&&o().updateImage(a.id,a.image))}),[]},lerp=(a,o,r)=>a.map((e,t)=>(1-r)*a[t]+r*o[t]),slerp=(a,o,r)=>{return a.map((e,t)=>Math.sin(.075*(1-r))/Math.sin(.075)*a[t]+Math.sin(.075*r)/Math.sin(.075)*o[t])},easeQuad={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},Camera=s=>{const i=useMap();let p=.1,l=!1;const c=e=>{s.animate&&window.requestAnimationFrame(c);var t=[s.translate.start,s.translate.end,s.translate.easing?easeQuad[s.translate.easing](p):p],t=("line"===s.translate.type?lerp:slerp)(...t);{var[[t,a,o],r]=[t,s.translate.target];const n=i().getFreeCameraOptions();n.position=MercatorCoordinate.fromLngLat([t,a],o),n.lookAtPoint(r),i().setFreeCameraOptions(n)}!s.translate.loop&&(1<p||p<0)&&(l=!l),p=l?p-.001:p+.001};return createEffect(async()=>{s.animate&&window.requestAnimationFrame(c)}),s.children};export{Camera,Control,Fog,Image,Layer,Marker,Popup,Sky,Source,Terrain,MapGL as default,useMap,useSourceId};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/styles.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Fog/index.tsx","../../src/components/Sky/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"],"sourcesContent":["const 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\nconst layerEvents: string[] = [\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 }\n","const mapBase = 'mapbox://styles/mapbox'\nconst gitBase = 'https://raw.githubusercontent.com'\n\nexport const vectorStyleList = {\n 'mb:light': `${mapBase}/light-v10`,\n 'mb:dark': `${mapBase}/dark-v10`,\n 'mb:streets': `${mapBase}/streets-v11`,\n 'mb:outdoor': `${mapBase}/outdoors-v11`,\n 'mb:sat': `${mapBase}/satellite-v9`,\n 'mb:sat-streets': `${mapBase}/satellite-streets-v11`,\n 'mb:nav': `${mapBase}/navigation-guidance-day-v4`,\n 'mb:nav-night': `${mapBase}/navigation-guidance-night-v4`,\n\n 'mb:basic': `${mapBase}/cjf4m44iw0uza2spb3q0a7s41`,\n 'mb:monochrome': `${mapBase}/cjv6rzz4j3m4b1fqcchuxclhb`,\n 'mb:leshine': `${mapBase}/cjcunv5ae262f2sm9tfwg8i0w`,\n 'mb:icecream': `${mapBase}/cj7t3i5yj0unt2rmt3y4b5e32`,\n 'mb:cali': `${mapBase}/cjerxnqt3cgvp2rmyuxbeqme7`,\n 'mb:northstar': `${mapBase}/cj44mfrt20f082snokim4ungi`,\n 'mb:mineral': `${mapBase}/cjtep62gq54l21frr1whf27ak`,\n 'mb:moonlight': `${mapBase}/cj3kbeqzo00022smj7akz3o1e`,\n 'mb:frank': `${mapBase}-map-design/ckshxkppe0gge18nz20i0nrwq`,\n 'mb:minimo': `${mapBase}-map-design/cksjc2nsq1bg117pnekb655h1`,\n 'mb:decimal': `${mapBase}-map-design/ck4014y110wt61ctt07egsel6`,\n 'mb:standard': `${mapBase}-map-design/ckr0svm3922ki18qntevm857n`,\n 'mb:blueprint': `${mapBase}-map-design/cks97e1e37nsd17nzg7p0308g`,\n 'mb:bubble': `${mapBase}-map-design/cksysy2nl62zp17quosctdtcc`,\n 'mb:pencil': `${mapBase}-map-design/cks9iema71es417mlrft4go2k`,\n\n 'mb:swiss-ski': `${gitBase}/mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,\n 'mb:vintage': `${gitBase}/mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,\n 'mb:whaam': `${gitBase}/mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,\n 'mb:neon': `${gitBase}/NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,\n 'mb:camoflauge': `${gitBase}/jingsam/mapbox-gl-styles/master/Camouflage.json`,\n 'mb:emerald': `${gitBase}/jingsam/mapbox-gl-styles/master/Emerald.json`,\n 'mb:runner': `${gitBase}/jingsam/mapbox-gl-styles/master/Runner.json`,\n 'mb:x-ray': `${gitBase}/jingsam/mapbox-gl-styles/master/X-ray.json`,\n}\n\nexport const rasterStyleList = {\n 'osm:org': [\n 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',\n 'Map © <a href=\"https://www.openstreetmap.org\"><em>OpenStreetMap</em></a>',\n ],\n 'osm:human': [\n 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',\n 'Map © <a href=\"http://hot.openstreetmap.org\"><em>Humanitarian OpenStreetMap Team</em></a>',\n ],\n 'osm:cycle': [\n 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://www.cyclosm.org\" target=\"_blank\"><em>CyclOSM</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'carto:voyager': [\n 'https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://carto.com/attribution\"><em>Carto</em></a>',\n ],\n 'carto:positron': [\n 'https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://carto.com/attribution\"><em>Carto</em></a>',\n ],\n 'carto:dark': [\n 'https://{s}.basemaps.cartocdn.com/rastertiles/dark_all/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://carto.com/attribution\"><em>Carto</em></a>',\n ],\n 'open:topo': [\n 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://opentopomap.org/credits\"><em>OpenTopoMap</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:toner': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:toner-lite': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:watercolor': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:terrain': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:cycle': [\n 'https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}@2x.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:trans': [\n 'https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:trans-dark': [\n 'https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:landscape': [\n 'https://{s}.tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:outdoors': [\n 'https://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:neighbourhood': [\n 'https://{s}.tile.thunderforest.com/neighbourhood/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:spinal': [\n 'https://{s}.tile.thunderforest.com/spinal-map/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:pioneer': [\n 'https://{s}.tile.thunderforest.com/pioneer/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:atlas': [\n 'https://{s}.tile.thunderforest.com/atlas/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:mobile': [\n 'https://{s}.tile.thunderforest.com/mobile-atlas/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n}\n","import {\n createSignal,\n createEffect,\n onMount,\n onCleanup,\n createContext,\n useContext,\n Component,\n useTransition,\n createUniqueId,\n untrack,\n on,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport { vectorStyleList } from '../../styles'\nimport mapboxgl from 'mapbox-gl'\nimport 'mapbox-gl/dist/mapbox-gl.css'\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 { JSX } from 'solid-js'\n\nexport type Viewport = {\n id?: string\n center?: LngLatLike\n bounds?: LngLatBounds\n zoom?: number\n pitch?: number\n bearing?: number\n padding?: PaddingOptions\n}\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<{\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 /* 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 ref?: HTMLDivElement\n /* Children within the Map Container /\n children?: Element \| Element[] \| null\n}> = props => {\n props.id = props.id \|\| createUniqueId()\n\n const [mapRoot, setMapRoot] = createSignal<MapboxMap>()\n const [pending, start] = useTransition()\n const [transitionType, setTransitionType] = createSignal('flyTo')\n\n const mapRef = (\n <div\n class={props?.class}\n classList={props?.classList}\n style={{ position: 'absolute', inset: 0, ...props.style }}\n />\n )\n const containerRef = (\n <div style={{ position: 'absolute', 'z-index': 1 }}>{props.children}</div>\n )\n\n onMount(() => {\n const map: MapboxMap = new mapboxgl.Map({\n ...props.options,\n style: vectorStyleList[props.options?.style] \|\|\n props.options?.style \|\| { version: 8, sources: {}, layers: [] },\n container: mapRef,\n interactive: !!props.onViewportChange,\n bounds: props.viewport?.bounds,\n center: props.viewport?.center,\n zoom: props.viewport?.zoom \|\| null,\n pitch: props.viewport?.pitch \|\| null,\n bearing: props.viewport?.bearing \|\| null,\n fitBoundsOptions: { padding: props.viewport?.padding },\n } as MapboxOptions)\n\n map.container = containerRef\n\n map.once('styledata').then(() => setMapRoot(map))\n\n onCleanup(() => map.remove())\n\n // listen to map container size changes\n const resizeObserver = new ResizeObserver(() => map.resize())\n resizeObserver.observe(mapRef as Element)\n\n // Hook up events\n createEffect(() =>\n mapEvents.forEach(item => {\n if (props[item]) {\n const event = item.slice(2).toLowerCase()\n const callback = e => props[item](e)\n map.on(event, callback)\n onCleanup(() => map.off(event, callback))\n }\n })\n )\n\n // Update debug features\n createEffect(() => {\n map.showTileBoundaries = props.showTileBoundaries\n map.showTerrainWireframe = props.showTerrainWireframe\n map.showPadding = props.showPadding\n map.showCollisionBoxes = props.showCollisionBoxes\n map.showOverdrawInspector = props.showOverdrawInspector\n })\n\n // Update cursor\n createEffect(() => (map.getCanvas().style.cursor = props.cursorStyle))\n //Update transition type\n createEffect(() => setTransitionType(props.transitionType))\n // Update projection\n createEffect(\n on(\n () => props.options?.projection,\n proj => map.setProjection(proj),\n { defer: true }\n )\n )\n\n // Update map style\n createEffect(\n on(\n () => props.options?.style,\n style => {\n const oldStyle = map.getStyle()\n const oldLayers = oldStyle.layers.filter(l => l.id.startsWith('cl-'))\n const oldSources = Object.keys(oldStyle.sources)\n .filter(s => s.startsWith('cl-'))\n .reduce(\n (obj, key) => ({ ...obj, [key]: oldStyle.sources[key] }),\n {}\n )\n map.setStyle(\n vectorStyleList[style] \|\|\n style \|\| { version: 8, sources: {}, layers: [] }\n )\n map.once('styledata', () => {\n const newStyle = map.getStyle()\n map.setStyle({\n ...newStyle,\n sources: { ...newStyle.sources, ...oldSources },\n layers: [...newStyle.layers, ...oldLayers],\n })\n })\n },\n { defer: true }\n )\n )\n\n // Hook up viewport events\n createEffect(() => {\n const viewport = {\n id: null,\n center: map.getCenter(),\n zoom: map.getZoom(),\n pitch: map.getPitch(),\n bearing: map.getBearing(),\n padding: props.viewport?.padding,\n bounds: props.viewport?.bounds,\n }\n\n const callMove = event => {\n if (event.originalEvent)\n props.onViewportChange &&\n props.onViewportChange({ ...viewport, id: props.id })\n setTransitionType('jumpTo')\n }\n\n const callEnd = event => {\n if (event.originalEvent)\n props.onViewportChange && props.onViewportChange(viewport)\n setTransitionType(props.transitionType)\n }\n\n map.on('move', callMove).on('moveend', callEnd)\n onCleanup(() => map.off('move', callMove).off('moveend', callEnd))\n })\n\n // Update boundaries\n createEffect(prev => {\n if (props.viewport?.bounds != prev)\n props.onViewportChange({\n ...props.viewport,\n ...map.cameraForBounds(props.viewport?.bounds, {\n padding: props.viewport?.padding,\n }),\n })\n return props.viewport?.bounds\n }, props.viewport?.bounds)\n\n // Update Viewport\n createEffect(() => {\n if (props.id === props.viewport?.id) return\n const viewport = {\n ...props.viewport,\n padding: props.viewport?.padding \|\| 0,\n }\n switch (untrack(transitionType)) {\n case 'easeTo':\n map.stop().easeTo(viewport)\n case 'jumpTo':\n map.stop().jumpTo(viewport)\n default:\n map.stop().flyTo(viewport)\n }\n })\n\n // let index = 0\n\n // createEffect(() => {\n // if (props.triggerResize) {\n // index = 0\n // window.requestAnimationFrame(function loop() {\n // if (index < 15) {\n // index++\n // window.requestAnimationFrame(loop)\n // start(() => map.resize())\n // }\n // })\n // }\n // })\n })\n\n return (\n <MapContext.Provider value={mapRoot}>\n {containerRef}\n {mapRef}\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 MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport { rasterStyleList } from '../../styles'\n\nconst SourceContext = createContext<string>()\nexport const useSourceId = (): string => useContext(SourceContext)\n\nexport const Source: Component<{\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 children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n props.id = props.id \|\| createUniqueId()\n\n const lookup = url =>\n rasterStyleList[url]\n ? {\n ...props.source,\n url: '',\n tiles: [\n rasterStyleList[url][0].replace('{apikey}', props.source.apikey),\n ],\n attribution: rasterStyleList[url][1],\n }\n : props.source\n\n // Add Source\n createEffect(() => {\n const source = lookup(props.source.url)\n source.tiles &&\n (source.tiles = ['a', 'b', 'c'].map(i =>\n source.tiles[0].replace('{s}', i)\n ))\n !map().getSource(props.id) && map().addSource(props.id, source)\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 })\n\n // Update\n createEffect(() => {\n const source = map().getSource(props.id)\n if (!source) return\n\n // Update GeoJSON Data\n if (props.source.type === 'geojson' && props.source.data)\n source.setData(props.source.data)\n\n // Update Image URL\n if (\n props.source.type === 'image' &&\n (props.source.url \|\| props.source.coordinates)\n )\n source.updateImage(props.source.url, props.source.coordinates)\n\n // Update Vector URL or Tiles\n if (\n props.source.type === 'vector' &&\n (props.source.url \|\| props.source.tiles)\n )\n props.source.url\n ? source.setUrl(props.source.url)\n : source.setTiles(props.source.tiles)\n\n // Update Raster URL or Tiles\n if (\n props.source.type === 'raster' &&\n (props.source.url \|\| props.source.tiles)\n ) {\n const src = lookup(props.source.url)\n src.tiles &&\n (src.tiles = ['a', 'b', 'c'].map(i => src.tiles[0].replace('{s}', i)))\n source._tileJSONRequest?.cancel()\n source.url = src.url\n source.scheme = src.scheme\n source._options = { ...source._options, ...src }\n map().style._sourceCaches[`other:${props.id}`]?.clearTiles()\n source.load()\n }\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 MapboxMap from 'mapbox-gl/src/ui/map'\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) => {\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\nexport const Layer: Component<{\n id?: string\n style?: StyleSpecification\n customLayer?: CustomLayerInterface\n filter?: FilterSpecification\n visible?: boolean\n sourceId?: string\n beforeType?:\n \| 'background'\n \| 'fill'\n \| 'line'\n \| 'symbol'\n \| 'raster'\n \| 'circle'\n \| 'fill-extrusion'\n \| 'heatmap'\n \| 'hillshade'\n \| 'sky'\n beforeId?: string\n featureState?: { id: number \| string; state: object }\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const sourceId: string = useSourceId()\n props.id = props.id \|\| createUniqueId()\n\n // Add Layer\n createEffect(() => {\n !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 })\n\n //Remove Layer\n onCleanup(() => map().getLayer(props.id) && map().removeLayer(props.id))\n\n // Hook up events\n createEffect(() =>\n layerEvents.forEach(item => {\n if (props[item]) {\n const event = item.slice(2).toLowerCase()\n const callback = e => props[item](e)\n map()?.on(event, props.id, callback)\n onCleanup(() => map()?.off(event, props.id, callback))\n }\n })\n )\n\n // Update Style\n createEffect((prev: StyleSpecification) => {\n if (\n !props.style \|\|\n !map().style \|\|\n !map().getSource(sourceId) \|\|\n !map().getLayer(props.id)\n )\n return\n\n if (props.style.layout !== prev?.layout)\n diff(props.style.layout, prev?.layout).forEach(([key, value]) =>\n map().setLayoutProperty(props.id, key, value, { validate: false })\n )\n\n if (props.style.paint !== prev?.paint)\n diff(props.style.paint, prev?.paint).forEach(([key, value]) =>\n map().setPaintProperty(props.id, key, value, { validate: false })\n )\n\n if (\n props.style.minzoom !== prev?.minzoom \|\|\n props.style.maxzoom !== prev?.maxzoom\n )\n map().setLayerZoomRange(\n props.id,\n props.style.minzoom,\n props.style.maxzoom\n )\n\n if (props.style.filter !== prev?.filter)\n map().setFilter(props.id, props.style.filter, { validate: false })\n\n return props.style\n }, props.style)\n\n // Update Visibility\n createEffect((prev: boolean) => {\n if (\n props.visible === undefined \|\|\n props.visible === prev \|\|\n !map().getSource(sourceId) \|\|\n !map().getLayer(props.id)\n )\n return\n\n map().setLayoutProperty(\n props.id,\n 'visibility',\n props.visible ? 'visible' : 'none',\n { validate: false }\n )\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 })\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 return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Fog: Component<{\n style: FogSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n // Add Fog Layer\n createEffect(() => {\n map().setFog(props.style)\n })\n\n // Remove Fog Layer\n onCleanup(() => map().setFog(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setFog(props.visible ? props.style : null)\n })\n\n return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Sky: Component<{\n style: StyleSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const layerId = '_sky'\n\n // Add Sky Layer\n createEffect(() => {\n map().getLayer(layerId) && map().addLayer({ ...props.style, id: layerId })\n })\n\n // Remove Sky Layer\n onCleanup(() => map().getLayer(layerId) && map().removeLayer(layerId))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setLayoutProperty(\n layerId,\n 'visibility',\n props.visible ? 'visible' : 'none'\n )\n })\n\n return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n TerrainSpecification,\n SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Terrain: Component<{\n style: TerrainSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const sourceId: SourceSpecification = useSourceId()\n\n // Add Terrain Layer\n createEffect(() => {\n map().setTerrain({ ...props.style, source: sourceId })\n })\n\n // Remove Terrain Layer\n onCleanup(() => map().setTerrain(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setTerrain(props.visible ? props.style : null)\n })\n\n return props.children\n}\n","import { createEffect, onCleanup, createSignal, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\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\nexport const Control: Component<{\n type: 'navigation' \| 'scale' \| 'attribution' \| 'fullscreen' \| 'geolocate'\n options?:\n \| NavigationOptions\n \| ScaleOptions\n \| AttributionOptions\n \| FullscreenOptions\n \| GeolocateOptions\n \| object\n custom?: any\n position?: 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const [control, setControl] = createSignal(null)\n\n const getControl = (type, options) => {\n if (props.custom) return new props.custom(options)\n switch (type) {\n case 'navigation':\n return new mapboxgl.NavigationControl(options)\n case 'scale':\n return new mapboxgl.ScaleControl(options)\n case 'attribution':\n return new mapboxgl.AttributionControl(options)\n case 'geolocate':\n return new mapboxgl.GeolocateControl(options)\n case 'fullscreen':\n return new mapboxgl.FullscreenControl()\n // options \|\| { container: map().container }\n default:\n throw new Error(`Unknown control type: ${type}`)\n }\n }\n\n // Add Control\n createEffect(() => {\n const control = getControl(props.type, props.options)\n control && map()?.addControl(control, props.position)\n setControl(control)\n })\n\n onCleanup(() => map().removeControl(control()))\n\n return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { MarkerSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nexport const Marker: Component<{\n options?: MarkerSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let marker = null\n\n // Add Marker\n createEffect(() => {\n marker = new mapboxgl.Marker(props.options)\n .setLngLat(props.lngLat)\n .setPopup(\n props.children\n ? new mapboxgl.Popup().setDOMContent(<div>{props.children}</div>)\n : null\n )\n .addTo(map())\n })\n // Remove Marker\n onCleanup(() => marker.remove())\n\n // Update Position\n createEffect(() => marker && marker.setLngLat(props.lngLat))\n\n return <></>\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { PopupSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nexport const Popup: Component<{\n options?: PopupSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let popup = null\n\n // Add Popup\n createEffect(() => {\n popup = new mapboxgl.Popup(props.options)\n .setLngLat(props.lngLat)\n .setDOMContent(<div>{props.children}</div>)\n .addTo(map())\n })\n\n // Remove Popup\n onCleanup(() => popup.remove())\n\n // Update Position\n createEffect(() => popup && popup.setLngLaL(props.lngLat))\n\n // Update Content\n createEffect(() => popup && popup.setDOMContent(<div>{props.children}</div>))\n\n return <></>\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n StyleImageInterface,\n StyleImageMetadata,\n} from 'mapbox-gl/src/style/style_image'\n\nexport const Image: Component<{\n id: string\n url?: string\n image?:\n \| HTMLImageElement\n \| ImageBitmap\n \| ImageData\n \| { width: number; height: number; data: Uint8Array \| Uint8ClampedArray }\n \| StyleImageInterface\n options?: StyleImageMetadata\n}> = props => {\n const map: MapboxMap = useMap()\n // Add Image\n createEffect(() => {\n if (props.url) {\n map().loadImage(\n props.url,\n (_, image) =>\n !map().hasImage(props.id) && map().addImage(props.id, image)\n )\n } else {\n !map().hasImage(props.id) &&\n map().addImage(props.id, props.image, props.options)\n }\n })\n\n // Remove Image\n onCleanup(() => map().hasImage(props.id) && map().removeImage(props.id))\n\n // Update Image\n createEffect(async () => {\n if (props.image && props.url) return\n\n if (props.url) {\n map().loadImage(props.url, (error, image) => {\n if (error) throw error\n !map().hasImage(props.id) && map().updateImage(props.id, image)\n })\n } else {\n map().style &&\n map().hasImage(props.id) &&\n map().updateImage(props.id, props.image)\n }\n })\n\n return <></>\n}\n","import { createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type LngLatLike from 'mapbox-gl/src/geo/lng_lat.js'\nimport { MercatorCoordinate } from 'mapbox-gl'\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 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\nexport const Camera: Component<{\n animate: 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}> = props => {\n const map: MapboxMap = useMap()\n let animationTime = 0.1\n let isReverse = false\n\n const updateCameraPosition = ([lng, lat, alt], target) => {\n const camera = map().getFreeCameraOptions()\n camera.position = MercatorCoordinate.fromLngLat([lng, lat], alt)\n camera.lookAtPoint(target)\n map().setFreeCameraOptions(camera)\n }\n\n const frame = (time: number) => {\n props.animate && 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(async () => {\n props.animate && window.requestAnimationFrame(frame)\n })\n\n return props.children\n}\n"],"names":["mapEvents","layerEvents","mapBase","gitBase","vectorStyleList","mb:light","mb:dark","mb:streets","mb:outdoor","mb:sat","mb:sat-streets","mb:nav","mb:nav-night","mb:basic","mb:monochrome","mb:leshine","mb:icecream","mb:cali","mb:northstar","mb:mineral","mb:moonlight","mb:frank","mb:minimo","mb:decimal","mb:standard","mb:blueprint","mb:bubble","mb:pencil","mb:swiss-ski","mb:vintage","mb:whaam","mb:neon","mb:camoflauge","mb:emerald","mb:runner","mb:x-ray","rasterStyleList","osm:org","osm:human","osm:cycle","carto:voyager","carto:positron","carto:dark","open:topo","stamen:toner","stamen:toner-lite","stamen:watercolor","stamen:terrain","tf:cycle","tf:trans","tf:trans-dark","tf:landscape","tf:outdoors","tf:neighbourhood","tf:spinal","tf:pioneer","tf:atlas","tf:mobile","MapContext","createContext","useMap","useContext","MapGL","props","id","createUniqueId","mapRoot","setMapRoot","createSignal","transitionType","setTransitionType","useTransition","mapRef","_el$","_tmpl$","cloneNode","_$effect","_p$","_v$","class","_v$2","classList","_v$3","position","inset","style","_$className","_$classList","_$style","undefined","containerRef","_el$2","setProperty","_$insert","children","onMount","_props$viewport13","map","mapboxgl","Map","options","_props$options","_props$options2","version","sources","layers","container","interactive","onViewportChange","bounds","viewport","_props$viewport","center","_props$viewport2","zoom","pitch","bearing","fitBoundsOptions","padding","_props$viewport6","resizeObserver","once","then","onCleanup","remove","ResizeObserver","resize","observe","createEffect","forEach","item","event","slice","toLowerCase","callback","e","on","off","showTileBoundaries","showTerrainWireframe","showPadding","showCollisionBoxes","showOverdrawInspector","getCanvas","cursor","cursorStyle","_props$options3","projection","proj","setProjection","defer","_props$options4","oldStyle","getStyle","oldLayers","filter","l","startsWith","oldSources","Object","keys","s","reduce","obj","key","setStyle","newStyle","_props$viewport8","getCenter","getZoom","getPitch","getBearing","_props$viewport7","callMove","originalEvent","callEnd","prev","_props$viewport12","_props$viewport9","cameraForBounds","_props$viewport10","_props$viewport11","_props$viewport15","_props$viewport14","untrack","stop","easeTo","jumpTo","flyTo","_$createComponent","Provider","value","SourceContext","useSourceId","Source","lookup","url","source","tiles","replace","apikey","attribution","i","getSource","addSource","layer","removeLayer","removeSource","type","data","setData","coordinates","updateImage","setUrl","setTiles","_map$style$_sourceCac","src","_source$_tileJSONRequ","_tileJSONRequest","cancel","scheme","_options","_sourceCaches","clearTiles","load","diff","newProps","prevProps","Set","acc","push","Layer","sourceId","_map","getLayer","addLayer","customLayer","metadata","smg","beforeType","beforeId","find","_map2","_map3","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","setFilter","visible","async","isStyleLoaded","featureState","removeFeatureState","sourceLayer","setFeatureState","state","Fog","setFog","Sky","layerId","Terrain","setTerrain","Control","control","setControl","custom","NavigationControl","ScaleControl","AttributionControl","GeolocateControl","FullscreenControl","Error","getControl","addControl","removeControl","Marker","let","marker","setLngLat","lngLat","setPopup","Popup","setDOMContent","addTo","popup","setLngLaL","Image","loadImage","_","image","hasImage","addImage","removeImage","error","lerp","a","b","t","idx","slerp","Math","sin","easeQuad","in","x","out","inOut","pow","Camera","animationTime","isReverse","frame","time","animate","window","requestAnimationFrame","params","translate","start","end","easing","updateCameraPosition","lng","lat","alt","target","camera","getFreeCameraOptions","MercatorCoordinate","fromLngLat","lookAtPoint","setFreeCameraOptions","loop"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../src/events.ts","../../src/styles.ts","../../src/components/MapGL/index.tsx","../../src/components/Source/index.tsx","../../src/components/Layer/index.tsx","../../src/components/Fog/index.tsx","../../src/components/Sky/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"],"sourcesContent":["const 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\nconst layerEvents: string[] = [\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 }\n","const mapBase = 'mapbox://styles/mapbox'\nconst gitBase = 'https://raw.githubusercontent.com'\n\nexport const vectorStyleList = {\n 'mb:light': `${mapBase}/light-v10`,\n 'mb:dark': `${mapBase}/dark-v10`,\n 'mb:streets': `${mapBase}/streets-v11`,\n 'mb:outdoor': `${mapBase}/outdoors-v11`,\n 'mb:sat': `${mapBase}/satellite-v9`,\n 'mb:sat-streets': `${mapBase}/satellite-streets-v11`,\n 'mb:nav': `${mapBase}/navigation-guidance-day-v4`,\n 'mb:nav-night': `${mapBase}/navigation-guidance-night-v4`,\n\n 'mb:basic': `${mapBase}/cjf4m44iw0uza2spb3q0a7s41`,\n 'mb:monochrome': `${mapBase}/cjv6rzz4j3m4b1fqcchuxclhb`,\n 'mb:leshine': `${mapBase}/cjcunv5ae262f2sm9tfwg8i0w`,\n 'mb:icecream': `${mapBase}/cj7t3i5yj0unt2rmt3y4b5e32`,\n 'mb:cali': `${mapBase}/cjerxnqt3cgvp2rmyuxbeqme7`,\n 'mb:northstar': `${mapBase}/cj44mfrt20f082snokim4ungi`,\n 'mb:mineral': `${mapBase}/cjtep62gq54l21frr1whf27ak`,\n 'mb:moonlight': `${mapBase}/cj3kbeqzo00022smj7akz3o1e`,\n 'mb:frank': `${mapBase}-map-design/ckshxkppe0gge18nz20i0nrwq`,\n 'mb:minimo': `${mapBase}-map-design/cksjc2nsq1bg117pnekb655h1`,\n 'mb:decimal': `${mapBase}-map-design/ck4014y110wt61ctt07egsel6`,\n 'mb:standard': `${mapBase}-map-design/ckr0svm3922ki18qntevm857n`,\n 'mb:blueprint': `${mapBase}-map-design/cks97e1e37nsd17nzg7p0308g`,\n 'mb:bubble': `${mapBase}-map-design/cksysy2nl62zp17quosctdtcc`,\n 'mb:pencil': `${mapBase}-map-design/cks9iema71es417mlrft4go2k`,\n\n 'mb:swiss-ski': `${gitBase}/mapbox/mapbox-gl-swiss-ski-style/master/cij1zoclj002y8rkkdjl69psd.json`,\n 'mb:vintage': `${gitBase}/mapbox/mapbox-gl-vintage-style/master/cif5p01n202nisaktvljx9mv3.json`,\n 'mb:whaam': `${gitBase}/mapbox/mapbox-gl-whaam-style/master/cii8323c8004w0nlvtss3dbm2.json`,\n 'mb:neon': `${gitBase}/NatEvatt/awesome-mapbox-gl-styles/master/styles/Neon/style.json`,\n 'mb:camoflauge': `${gitBase}/jingsam/mapbox-gl-styles/master/Camouflage.json`,\n 'mb:emerald': `${gitBase}/jingsam/mapbox-gl-styles/master/Emerald.json`,\n 'mb:runner': `${gitBase}/jingsam/mapbox-gl-styles/master/Runner.json`,\n 'mb:x-ray': `${gitBase}/jingsam/mapbox-gl-styles/master/X-ray.json`,\n}\n\nexport const rasterStyleList = {\n 'osm:org': [\n 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',\n 'Map © <a href=\"https://www.openstreetmap.org\"><em>OpenStreetMap</em></a>',\n ],\n 'osm:human': [\n 'https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png',\n 'Map © <a href=\"http://hot.openstreetmap.org\"><em>Humanitarian OpenStreetMap Team</em></a>',\n ],\n 'osm:cycle': [\n 'https://{s}.tile-cyclosm.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://www.cyclosm.org\" target=\"_blank\"><em>CyclOSM</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'carto:voyager': [\n 'https://{s}.basemaps.cartocdn.com/rastertiles/voyager_labels_under/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://carto.com/attribution\"><em>Carto</em></a>',\n ],\n 'carto:positron': [\n 'https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://carto.com/attribution\"><em>Carto</em></a>',\n ],\n 'carto:dark': [\n 'https://{s}.basemaps.cartocdn.com/rastertiles/dark_all/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://carto.com/attribution\"><em>Carto</em></a>',\n ],\n 'open:topo': [\n 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://opentopomap.org/credits\"><em>OpenTopoMap</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:toner': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/toner/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:toner-lite': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}.png',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:watercolor': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'stamen:terrain': [\n 'https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg',\n 'Maps © <a href=\"https://stamen.com\" target=\"_blank\"><em>Stamen Design</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:cycle': [\n 'https://{s}.tile.thunderforest.com/cycle/{z}/{x}/{y}@2x.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:trans': [\n 'https://{s}.tile.thunderforest.com/transport/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:trans-dark': [\n 'https://{s}.tile.thunderforest.com/transport-dark/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:landscape': [\n 'https://{s}.tile.thunderforest.com/landscape/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:outdoors': [\n 'https://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:neighbourhood': [\n 'https://{s}.tile.thunderforest.com/neighbourhood/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:spinal': [\n 'https://{s}.tile.thunderforest.com/spinal-map/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:pioneer': [\n 'https://{s}.tile.thunderforest.com/pioneer/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:atlas': [\n 'https://{s}.tile.thunderforest.com/atlas/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n 'tf:mobile': [\n 'https://{s}.tile.thunderforest.com/mobile-atlas/{z}/{x}/{y}.png?apikey={apikey}',\n 'Maps © <a href=\"https://thunderforest.com\" target=\"_blank\"><em>Thunderforest</em></a>, Data © <a href=\"http://www.openstreetmap.org/copyright\" target=\"_blank\"><em>OpenStreetMap</em></a>',\n ],\n}\n","import {\n createSignal,\n createEffect,\n onMount,\n onCleanup,\n createContext,\n useContext,\n Component,\n useTransition,\n createUniqueId,\n untrack,\n on,\n} from 'solid-js'\nimport { mapEvents } from '../../events'\nimport { vectorStyleList } from '../../styles'\nimport mapboxgl from 'mapbox-gl'\nimport 'mapbox-gl/dist/mapbox-gl.css'\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 { JSX } from 'solid-js'\n\nexport type Viewport = {\n id?: string\n center?: LngLatLike\n bounds?: LngLatBounds\n zoom?: number\n pitch?: number\n bearing?: number\n padding?: PaddingOptions\n}\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<{\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 /* 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 ref?: HTMLDivElement\n /* Children within the Map Container /\n children?: Element \| Element[] \| null\n}> = props => {\n props.id = props.id \|\| createUniqueId()\n\n const [mapRoot, setMapRoot] = createSignal<MapboxMap>(null)\n const [pending, start] = useTransition()\n const [transitionType, setTransitionType] = createSignal('flyTo')\n\n const mapRef = (\n <div\n class={props?.class}\n classList={props?.classList}\n style={{ position: 'absolute', inset: 0, ...props.style }}\n />\n )\n\n onMount(() => {\n const map: MapboxMap = new mapboxgl.Map({\n ...props.options,\n style: vectorStyleList[props.options?.style] \|\|\n props.options?.style \|\| { version: 8, sources: {}, layers: [] },\n container: mapRef,\n interactive: !!props.onViewportChange,\n bounds: props.viewport?.bounds,\n center: props.viewport?.center,\n zoom: props.viewport?.zoom \|\| null,\n pitch: props.viewport?.pitch \|\| null,\n bearing: props.viewport?.bearing \|\| null,\n fitBoundsOptions: { padding: props.viewport?.padding },\n } as MapboxOptions)\n\n // map.container = containerRef\n\n map.once('styledata').then(() => setMapRoot(map))\n\n onCleanup(() => map.remove())\n\n // Listen to map container size changes\n const resizeObserver = new ResizeObserver(() => map.resize())\n resizeObserver.observe(mapRef as Element)\n\n // Hook up events\n createEffect(() =>\n mapEvents.forEach(item => {\n if (props[item]) {\n const event = item.slice(2).toLowerCase()\n const callback = e => props[item](e)\n map.on(event, callback)\n onCleanup(() => map.off(event, callback))\n }\n })\n )\n\n // Update debug features\n createEffect(() => {\n map.showTileBoundaries = props.showTileBoundaries\n map.showTerrainWireframe = props.showTerrainWireframe\n map.showPadding = props.showPadding\n map.showCollisionBoxes = props.showCollisionBoxes\n map.showOverdrawInspector = props.showOverdrawInspector\n })\n\n // Update cursor\n createEffect(() => (map.getCanvas().style.cursor = props.cursorStyle))\n //Update transition type\n createEffect(() => setTransitionType(props.transitionType))\n // Update projection\n createEffect(() => map.setProjection(props.options?.projection))\n\n // Update map style\n createEffect(() => {\n const style = props.options?.style\n if (!map.isStyleLoaded()) return\n const oldStyle = map.getStyle()\n const oldLayers = oldStyle.layers.filter(l => l.id.startsWith('cl-'))\n const oldSources = Object.keys(oldStyle.sources)\n .filter(s => s.startsWith('cl-'))\n .reduce((obj, key) => ({ ...obj, [key]: oldStyle.sources[key] }), {})\n map.setStyle(\n vectorStyleList[style] \|\|\n style \|\| { version: 8, sources: {}, layers: [] }\n )\n map.once('styledata', () => {\n const newStyle = map.getStyle()\n map.setStyle({\n ...newStyle,\n sources: { ...newStyle.sources, ...oldSources },\n layers: [...newStyle.layers, ...oldLayers],\n })\n })\n })\n\n // Hook up viewport events\n createEffect(() => {\n const viewport = {\n id: null,\n center: map.getCenter(),\n zoom: map.getZoom(),\n pitch: map.getPitch(),\n bearing: map.getBearing(),\n padding: props.viewport?.padding,\n bounds: props.viewport?.bounds,\n }\n\n const callMove = event => {\n if (event.originalEvent)\n props.onViewportChange &&\n props.onViewportChange({ ...viewport, id: props.id })\n setTransitionType('jumpTo')\n }\n\n const callEnd = event => {\n if (event.originalEvent)\n props.onViewportChange && props.onViewportChange(viewport)\n setTransitionType(props.transitionType)\n }\n\n map.on('move', callMove).on('moveend', callEnd)\n onCleanup(() => map.off('move', callMove).off('moveend', callEnd))\n })\n\n // Update boundaries\n createEffect(prev => {\n if (props.viewport?.bounds != prev)\n props.onViewportChange({\n ...props.viewport,\n ...map.cameraForBounds(props.viewport?.bounds, {\n padding: props.viewport?.padding,\n }),\n })\n return props.viewport?.bounds\n }, props.viewport?.bounds)\n\n // Update Viewport\n createEffect(() => {\n if (props.id === props.viewport?.id) return\n const viewport = {\n ...props.viewport,\n padding: props.viewport?.padding \|\| 0,\n }\n switch (untrack(transitionType)) {\n case 'easeTo':\n map.stop().easeTo(viewport)\n case 'jumpTo':\n map.stop().jumpTo(viewport)\n default:\n map.stop().flyTo(viewport)\n }\n })\n })\n\n return (\n <MapContext.Provider value={mapRoot}>\n {mapRoot() && (\n <div style={{ position: 'absolute', 'z-index': 10 }}>\n {props.children}\n </div>\n )}\n {mapRef}\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 MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { SourceSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport { rasterStyleList } from '../../styles'\n\nconst SourceContext = createContext<string>()\nexport const useSourceId = (): string => useContext(SourceContext)\n\nexport const Source: Component<{\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 children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n props.id = props.id \|\| createUniqueId()\n\n const lookup = url =>\n rasterStyleList[url]\n ? {\n ...props.source,\n url: '',\n tiles: [\n rasterStyleList[url][0].replace('{apikey}', props.source.apikey),\n ],\n attribution: rasterStyleList[url][1],\n }\n : props.source\n\n // Add Source\n createEffect(() => {\n const source = lookup(props.source.url)\n source.tiles &&\n (source.tiles = ['a', 'b', 'c'].map(i =>\n source.tiles[0].replace('{s}', i)\n ))\n !map().getSource(props.id) && map().addSource(props.id, source)\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 })\n\n // Update\n createEffect(() => {\n const source = map().getSource(props.id)\n if (!source) return\n\n // Update GeoJSON Data\n if (props.source.type === 'geojson' && props.source.data)\n source.setData(props.source.data)\n\n // Update Image URL\n if (\n props.source.type === 'image' &&\n (props.source.url \|\| props.source.coordinates)\n )\n source.updateImage(props.source.url, props.source.coordinates)\n\n // Update Vector URL or Tiles\n if (\n props.source.type === 'vector' &&\n (props.source.url \|\| props.source.tiles)\n )\n props.source.url\n ? source.setUrl(props.source.url)\n : source.setTiles(props.source.tiles)\n\n // Update Raster URL or Tiles\n if (\n props.source.type === 'raster' &&\n (props.source.url \|\| props.source.tiles)\n ) {\n const src = lookup(props.source.url)\n src.tiles &&\n (src.tiles = ['a', 'b', 'c'].map(i => src.tiles[0].replace('{s}', i)))\n source._tileJSONRequest?.cancel()\n source.url = src.url\n source.scheme = src.scheme\n source._options = { ...source._options, ...src }\n map().style._sourceCaches[`other:${props.id}`]?.clearTiles()\n source.load()\n }\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 MapboxMap from 'mapbox-gl/src/ui/map'\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) => {\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\nexport const Layer: Component<{\n id?: string\n style?: StyleSpecification\n customLayer?: CustomLayerInterface\n filter?: FilterSpecification\n visible?: boolean\n sourceId?: string\n beforeType?:\n \| 'background'\n \| 'fill'\n \| 'line'\n \| 'symbol'\n \| 'raster'\n \| 'circle'\n \| 'fill-extrusion'\n \| 'heatmap'\n \| 'hillshade'\n \| 'sky'\n beforeId?: string\n featureState?: { id: number \| string; state: object }\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const sourceId: string = useSourceId()\n props.id = props.id \|\| createUniqueId()\n\n // Add Layer\n createEffect(() => {\n !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 })\n\n //Remove Layer\n onCleanup(() => map().getLayer(props.id) && map().removeLayer(props.id))\n\n // Hook up events\n createEffect(() =>\n layerEvents.forEach(item => {\n if (props[item]) {\n const event = item.slice(2).toLowerCase()\n const callback = e => props[item](e)\n map()?.on(event, props.id, callback)\n onCleanup(() => map()?.off(event, props.id, callback))\n }\n })\n )\n\n // Update Style\n createEffect((prev: StyleSpecification) => {\n if (\n !props.style \|\|\n !map().style \|\|\n !map().getSource(sourceId) \|\|\n !map().getLayer(props.id)\n )\n return\n\n if (props.style.layout !== prev?.layout)\n diff(props.style.layout, prev?.layout).forEach(([key, value]) =>\n map().setLayoutProperty(props.id, key, value, { validate: false })\n )\n\n if (props.style.paint !== prev?.paint)\n diff(props.style.paint, prev?.paint).forEach(([key, value]) =>\n map().setPaintProperty(props.id, key, value, { validate: false })\n )\n\n if (\n props.style.minzoom !== prev?.minzoom \|\|\n props.style.maxzoom !== prev?.maxzoom\n )\n map().setLayerZoomRange(\n props.id,\n props.style.minzoom,\n props.style.maxzoom\n )\n\n if (props.style.filter !== prev?.filter)\n map().setFilter(props.id, props.style.filter, { validate: false })\n\n return props.style\n }, props.style)\n\n // Update Visibility\n createEffect((prev: boolean) => {\n if (\n props.visible === undefined \|\|\n props.visible === prev \|\|\n !map().getSource(sourceId) \|\|\n !map().getLayer(props.id)\n )\n return\n\n map().setLayoutProperty(\n props.id,\n 'visibility',\n props.visible ? 'visible' : 'none',\n { validate: false }\n )\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 })\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 return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { FogSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Fog: Component<{\n style: FogSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n // Add Fog Layer\n createEffect(() => {\n map().setFog(props.style)\n })\n\n // Remove Fog Layer\n onCleanup(() => map().setFog(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setFog(props.visible ? props.style : null)\n })\n\n return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { StyleSpecification } from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Sky: Component<{\n style: StyleSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const layerId = '_sky'\n\n // Add Sky Layer\n createEffect(() => {\n map().getLayer(layerId) && map().addLayer({ ...props.style, id: layerId })\n })\n\n // Remove Sky Layer\n onCleanup(() => map().getLayer(layerId) && map().removeLayer(layerId))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setLayoutProperty(\n layerId,\n 'visibility',\n props.visible ? 'visible' : 'none'\n )\n })\n\n return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport { useSourceId } from '../Source'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n TerrainSpecification,\n SourceSpecification,\n} from 'mapbox-gl/src/style-spec/types.js'\n\nexport const Terrain: Component<{\n style: TerrainSpecification\n visible?: boolean\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const sourceId: SourceSpecification = useSourceId()\n\n // Add Terrain Layer\n createEffect(() => {\n map().setTerrain({ ...props.style, source: sourceId })\n })\n\n // Remove Terrain Layer\n onCleanup(() => map().setTerrain(null))\n\n // Update Visibility\n createEffect(() => {\n props.visible !== undefined &&\n map().setTerrain(props.visible ? props.style : null)\n })\n\n return props.children\n}\n","import { createEffect, onCleanup, createSignal, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\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\nexport const Control: Component<{\n type: 'navigation' \| 'scale' \| 'attribution' \| 'fullscreen' \| 'geolocate'\n options?:\n \| NavigationOptions\n \| ScaleOptions\n \| AttributionOptions\n \| FullscreenOptions\n \| GeolocateOptions\n \| object\n custom?: any\n position?: 'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n const [control, setControl] = createSignal(null)\n\n const getControl = (type, options) => {\n if (props.custom) return new props.custom(options)\n switch (type) {\n case 'navigation':\n return new mapboxgl.NavigationControl(options)\n case 'scale':\n return new mapboxgl.ScaleControl(options)\n case 'attribution':\n return new mapboxgl.AttributionControl(options)\n case 'geolocate':\n return new mapboxgl.GeolocateControl(options)\n case 'fullscreen':\n return new mapboxgl.FullscreenControl()\n // options \|\| { container: map().container }\n default:\n throw new Error(`Unknown control type: ${type}`)\n }\n }\n\n // Add Control\n createEffect(() => {\n const control = getControl(props.type, props.options)\n control && map()?.addControl(control, props.position)\n setControl(control)\n })\n\n onCleanup(() => map().removeControl(control()))\n\n return props.children\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { MarkerSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nexport const Marker: Component<{\n options?: MarkerSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let marker = null\n\n // Add Marker\n createEffect(() => {\n marker = new mapboxgl.Marker(props.options)\n .setLngLat(props.lngLat)\n .setPopup(\n props.children\n ? new mapboxgl.Popup().setDOMContent(<div>{props.children}</div>)\n : null\n )\n .addTo(map())\n })\n // Remove Marker\n onCleanup(() => marker.remove())\n\n // Update Position\n createEffect(() => marker && marker.setLngLat(props.lngLat))\n\n return <></>\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport mapboxgl from 'mapbox-gl'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type { PopupSpecification } from 'mapbox-gl/src/style-spec/types.js'\nimport type { LngLatLike } from 'mapbox-gl/src/geo/lng_lat.js'\n\nexport const Popup: Component<{\n options?: PopupSpecification\n lngLat: LngLatLike\n children?: any\n}> = props => {\n const map: MapboxMap = useMap()\n let popup = null\n\n // Add Popup\n createEffect(() => {\n popup = new mapboxgl.Popup(props.options)\n .setLngLat(props.lngLat)\n .setDOMContent(<div>{props.children}</div>)\n .addTo(map())\n })\n\n // Remove Popup\n onCleanup(() => popup.remove())\n\n // Update Position\n createEffect(() => popup && popup.setLngLaL(props.lngLat))\n\n // Update Content\n createEffect(() => popup && popup.setDOMContent(<div>{props.children}</div>))\n\n return <></>\n}\n","import { onCleanup, createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type {\n StyleImageInterface,\n StyleImageMetadata,\n} from 'mapbox-gl/src/style/style_image'\n\nexport const Image: Component<{\n id: string\n url?: string\n image?:\n \| HTMLImageElement\n \| ImageBitmap\n \| ImageData\n \| { width: number; height: number; data: Uint8Array \| Uint8ClampedArray }\n \| StyleImageInterface\n options?: StyleImageMetadata\n}> = props => {\n const map: MapboxMap = useMap()\n // Add Image\n createEffect(() => {\n if (props.url) {\n map().loadImage(\n props.url,\n (_, image) =>\n !map().hasImage(props.id) && map().addImage(props.id, image)\n )\n } else {\n !map().hasImage(props.id) &&\n map().addImage(props.id, props.image, props.options)\n }\n })\n\n // Remove Image\n onCleanup(() => map().hasImage(props.id) && map().removeImage(props.id))\n\n // Update Image\n createEffect(async () => {\n if (props.image && props.url) return\n\n if (props.url) {\n map().loadImage(props.url, (error, image) => {\n if (error) throw error\n !map().hasImage(props.id) && map().updateImage(props.id, image)\n })\n } else {\n map().style &&\n map().hasImage(props.id) &&\n map().updateImage(props.id, props.image)\n }\n })\n\n return <></>\n}\n","import { createEffect, Component } from 'solid-js'\nimport { useMap } from '../MapGL'\nimport type MapboxMap from 'mapbox-gl/src/ui/map'\nimport type LngLatLike from 'mapbox-gl/src/geo/lng_lat.js'\nimport { MercatorCoordinate } from 'mapbox-gl'\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 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\nexport const Camera: Component<{\n animate: 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}> = props => {\n const map: MapboxMap = useMap()\n let animationTime = 0.1\n let isReverse = false\n\n const updateCameraPosition = ([lng, lat, alt], target) => {\n const camera = map().getFreeCameraOptions()\n camera.position = MercatorCoordinate.fromLngLat([lng, lat], alt)\n camera.lookAtPoint(target)\n map().setFreeCameraOptions(camera)\n }\n\n const frame = (time: number) => {\n props.animate && 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(async () => {\n props.animate && window.requestAnimationFrame(frame)\n })\n\n return props.children\n}\n"],"names":["mapEvents","layerEvents","mapBase","gitBase","vectorStyleList","mb:light","mb:dark","mb:streets","mb:outdoor","mb:sat","mb:sat-streets","mb:nav","mb:nav-night","mb:basic","mb:monochrome","mb:leshine","mb:icecream","mb:cali","mb:northstar","mb:mineral","mb:moonlight","mb:frank","mb:minimo","mb:decimal","mb:standard","mb:blueprint","mb:bubble","mb:pencil","mb:swiss-ski","mb:vintage","mb:whaam","mb:neon","mb:camoflauge","mb:emerald","mb:runner","mb:x-ray","rasterStyleList","osm:org","osm:human","osm:cycle","carto:voyager","carto:positron","carto:dark","open:topo","stamen:toner","stamen:toner-lite","stamen:watercolor","stamen:terrain","tf:cycle","tf:trans","tf:trans-dark","tf:landscape","tf:outdoors","tf:neighbourhood","tf:spinal","tf:pioneer","tf:atlas","tf:mobile","MapContext","createContext","useMap","useContext","MapGL","props","id","createUniqueId","mapRoot","setMapRoot","createSignal","transitionType","setTransitionType","useTransition","mapRef","_el$","_tmpl$","cloneNode","_$effect","_p$","_v$","class","_v$2","classList","_v$3","position","inset","style","_$className","_$classList","_$style","undefined","onMount","_props$viewport13","map","mapboxgl","Map","options","_props$options","_props$options2","version","sources","layers","container","interactive","onViewportChange","bounds","viewport","_props$viewport","center","_props$viewport2","zoom","pitch","bearing","fitBoundsOptions","padding","_props$viewport6","resizeObserver","once","then","onCleanup","remove","ResizeObserver","resize","observe","createEffect","forEach","item","event","slice","toLowerCase","callback","e","on","off","showTileBoundaries","showTerrainWireframe","showPadding","showCollisionBoxes","showOverdrawInspector","getCanvas","cursor","cursorStyle","_props$options3","setProjection","projection","_props$options4","isStyleLoaded","oldStyle","getStyle","oldLayers","filter","l","startsWith","oldSources","Object","keys","s","reduce","obj","key","setStyle","newStyle","_props$viewport8","getCenter","getZoom","getPitch","getBearing","_props$viewport7","callMove","originalEvent","callEnd","prev","_props$viewport12","_props$viewport9","cameraForBounds","_props$viewport10","_props$viewport11","_props$viewport15","_props$viewport14","untrack","stop","easeTo","jumpTo","flyTo","_$createComponent","Provider","value","children","_$memo","_el$2","setProperty","_$insert","SourceContext","useSourceId","Source","lookup","url","source","tiles","replace","apikey","attribution","i","getSource","addSource","layer","removeLayer","removeSource","type","data","setData","coordinates","updateImage","setUrl","setTiles","_map$style$_sourceCac","src","_source$_tileJSONRequ","_tileJSONRequest","cancel","scheme","_options","_sourceCaches","clearTiles","load","diff","newProps","prevProps","Set","acc","push","Layer","sourceId","_map","getLayer","addLayer","customLayer","metadata","smg","beforeType","beforeId","find","_map2","_map3","layout","setLayoutProperty","validate","paint","setPaintProperty","minzoom","maxzoom","setLayerZoomRange","setFilter","visible","async","featureState","removeFeatureState","sourceLayer","setFeatureState","state","Fog","setFog","Sky","layerId","Terrain","setTerrain","Control","control","setControl","custom","NavigationControl","ScaleControl","AttributionControl","GeolocateControl","FullscreenControl","Error","getControl","addControl","removeControl","Marker","let","marker","setLngLat","lngLat","setPopup","Popup","setDOMContent","addTo","popup","setLngLaL","Image","loadImage","_","image","hasImage","addImage","removeImage","error","lerp","a","b","t","idx","slerp","Math","sin","easeQuad","in","x","out","inOut","pow","Camera","animationTime","isReverse","frame","time","animate","window","requestAnimationFrame","params","translate","start","end","easing","updateCameraPosition","lng","lat","alt","target","camera","getFreeCameraOptions","MercatorCoordinate","fromLngLat","lookAtPoint","setFreeCameraOptions","loop"],"mappings":"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"}

package/dist/source/components/MapGL/index.jsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import { createSignal, createEffect, onMount, onCleanup, createContext, useContext, useTransition, createUniqueId, untrack, on, } from 'solid-js';
+import { createSignal, createEffect, onMount, onCleanup, createContext, useContext, useTransition, createUniqueId, untrack, } from 'solid-js';
 import { mapEvents } from '../../events';
 import { vectorStyleList } from '../../styles';
 import mapboxgl from 'mapbox-gl';
@@ -9,11 +9,10 @@ export const useMap = () => useContext(MapContext);
 /** Creates a new Map Container */
 export const MapGL = props => {
     props.id = props.id || createUniqueId();
-    const [mapRoot, setMapRoot] = createSignal();
+    const [mapRoot, setMapRoot] = createSignal(null);
     const [pending, start] = useTransition();
     const [transitionType, setTransitionType] = createSignal('flyTo');
     const mapRef = (<div class={props?.class} classList={props?.classList} style={{ position: 'absolute', inset: 0, ...props.style }}/>);
-    const containerRef = (<div style={{ position: 'absolute', 'z-index': 1 }}>{props.children}</div>);
     onMount(() => {
         const map = new mapboxgl.Map({
             ...props.options,
@@ -28,10 +27,10 @@ export const MapGL = props => {
             bearing: props.viewport?.bearing || null,
             fitBoundsOptions: { padding: props.viewport?.padding },
         });
-        map.container = containerRef;
+        // map.container = containerRef
         map.once('styledata').then(() => setMapRoot(map));
         onCleanup(() => map.remove());
-        // listen to map container size changes
+        // Listen to map container size changes
         const resizeObserver = new ResizeObserver(() => map.resize());
         resizeObserver.observe(mapRef);
         // Hook up events
@@ -56,9 +55,12 @@ export const MapGL = props => {
         //Update transition type
         createEffect(() => setTransitionType(props.transitionType));
         // Update projection
-        createEffect(on(() => props.options?.projection, proj => map.setProjection(proj), { defer: true }));
+        createEffect(() => map.setProjection(props.options?.projection));
         // Update map style
-        createEffect(on(() => props.options?.style, style => {
+        createEffect(() => {
+            const style = props.options?.style;
+            if (!map.isStyleLoaded())
+                return;
             const oldStyle = map.getStyle();
             const oldLayers = oldStyle.layers.filter(l => l.id.startsWith('cl-'));
             const oldSources = Object.keys(oldStyle.sources)
@@ -74,7 +76,7 @@ export const MapGL = props => {
                     layers: [...newStyle.layers, ...oldLayers],
                 });
             });
-        }, { defer: true }));
+        });
         // Hook up viewport events
         createEffect(() => {
             const viewport = {
@@ -128,22 +130,11 @@ export const MapGL = props => {
                     map.stop().flyTo(viewport);
             }
         });
-        // let index = 0
-        // createEffect(() => {
-        //   if (props.triggerResize) {
-        //     index = 0
-        //     window.requestAnimationFrame(function loop() {
-        //       if (index < 15) {
-        //         index++
-        //         window.requestAnimationFrame(loop)
-        //         start(() => map.resize())
-        //       }
-        //     })
-        //   }
-        // })
     });
     return (<MapContext.Provider value={mapRoot}>
-      {containerRef}
+      {mapRoot() && (<div style={{ position: 'absolute', 'z-index': 10 }}>
+          {props.children}
+        </div>)}
       {mapRef}
     </MapContext.Provider>);
 };

package/package.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.17",
+  "version": "1.2.18",
   "name": "solid-map-gl",
   "description": "Solid Component Library for Mapbox GL JS",
   "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.",