2d:null 2e:["$","title",null,{"children":"🚢 Ship Overviewer | Max Harlow | Observable"}] 33:T4ab,map = { const container = html`

` yield container const instance = container.instance = new MapLibreGL.Map({ container, style: 'https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json', attributionControl: false, pitchWithRotate: false, maxZoom: 11 }) instance.on('load', () => { segments.forEach(segment => { instance.addSource(`segment-${segment.index}-source`, { type: 'geojson', data: segment.points }) instance.addLayer({ id: `segment-${segment.index}-layer`, source: `segment-${segment.index}-source`, type: 'circle', paint: { 'circle-radius': { stops: [[0, 1], [11, 3]] }, 'circle-stroke-width': ['case', ['boolean', ['feature-state', 'marked'], false], 2, 0 ], 'circle-color': ['case', ['boolean', ['feature-state', 'marked'], false], 'yellow', ['boolean', ['feature-state', 'selected'], false], 'red', 'grey' ] } }) instance.fitBounds(envelope, { padding: 25 }) }) }) invalidation.then(() => instance.remove()) }34:T40b,viewof marks = { if (!selection) return html`Awaiting selection...` const form = Inputs.table(selection.entries, { required: false, layout: 'auto', header: { _index: 'Index' } }) const scope = DOM.uid().id form.id = scope form.append(html`