@mapbox-vue3/env-layers
Version:
Mapbox Vue3 Component Library Env Layers
2 lines (1 loc) • 1.03 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),c=require("@deck.gl/mapbox"),m=require("@mapbox-web/deck-gl-extension"),p=require("@mapbox-vue3/core"),l=require("./temp-layer.js"),u={class:"mb-temp-layer"},d={name:"MbTempLayer"},g=r.defineComponent({...d,props:l.tempLayerProps,setup(n){const e=n;let o;const s=()=>{const t=a(),i={id:e.id,image:e.image,min:e.min,max:e.max,range:e.range,origin:e.origin,resolution:e.resolution,rampColors:e.rampColors,opacity:e.opacity,visible:e.visible};o=new c.MapboxLayer(Object.assign({type:m.ScalarFieldLayer},i)),t.addLayer(o)},{getMapboxInstance:a}=p.useMapCreated(s);return r.watch(()=>e,()=>{o&&o.setProps({image:e.image,min:e.min,max:e.max,range:e.range,origin:e.origin,resolution:e.resolution,rampColors:e.rampColors,opacity:e.opacity,visible:e.visible})},{deep:!0}),r.onBeforeUnmount(()=>{const t=a();o&&t.removeLayer(e.id)}),(t,i)=>(r.openBlock(),r.createElementBlock("i",u))}});exports.default=g;