31:T1081,map = { const container = html`

`; yield container; const map = L.map(container, { // center: [ 43.3395,7.6464], // zoom: 8, }); window.leaflet_map = map; function setProjectID(value) { const projectIDView = viewof projectID; projectIDView.value = value; projectIDView.dispatchEvent(new Event("input")); } window.setProjectID = setProjectID; map.on('moveend', function() { const b = map.getBounds(); console.log(b._northEast.lat,b._northEast.lng,b._southWest.lat,b._southWest.lng); }); // // time dimension // var timeDimension = new L.TimeDimension({ times: timeVariable }); if (fromDate) { timeDimension.setCurrentTime(fromDate); } else { timeDimension.setCurrentTime(new Date()); } map.timeDimension = timeDimension; var player = new L.TimeDimension.Player( { // transitionTime: 100, // loop: true, // startOver: true }, timeDimension ); var timeDimensionControlOptions = { timeZones: ["UTC"], player: player, timeDimension: timeDimension, position: "bottomleft", autoPlay: false, minSpeed: 1, speedStep: 0.5, maxSpeed: 15, timeSliderDragUpdate: true }; var timeDimensionControl = new L.Control.TimeDimension( timeDimensionControlOptions ); map.addControl(timeDimensionControl); var tdWmsLayer = L.timeDimension.layer.wms( global_analysis_forecast_phy_001_024, { cache: 10 } ); // // layers // const layerControl = L.control .layers( // base maps { Satellite: Esri_WorldImagery, Openstreemap: openstreetmap_layer }, { Current: tdWmsLayer } ) .addTo(map); // set as default //Esri_WorldImagery.addTo(map); openstreetmap_layer.addTo(map); tdWmsLayer.addTo(map); // // markers // function loadPopupContent(marker) { fetch( buildProxyURL( "https://ecopart.obs-vlfr.fr/getsamplepopover/" + marker.options.sample_id ) ) .then((response) => { if (!response.ok) throw new Error(response.status); return response.text(); }) .then((content) => { const popup = marker.getPopup(); const p = content .split("Project :")[1] .trim() .split("Ship")[0] .split("(")[1] .split(")")[0] .trim(); const d_str = content.split("Date/Time :")[1].trim().split(" "); const [y, mo, d] = d_str[0].trim().split("-"); const [h, mi] = d_str[1].trim().split(":"); marker.options.is_loaded = true; marker.options.project = p; marker.options.date = Date.UTC(y, mo - 1, d, h, mi); const buttonSetTime = '
'; const buttonSelectProj = '
"; popup.setContent( content + buttonSetTime + (projectID != p ? buttonSelectProj : "") ); popup.update(); }) .catch((error) => console.error); } function buildMarker(p) { let marker = L.circleMarker([p.lat, p.long], { color: "red", weight: 1, fillColor: "#f03", fillOpacity: 0.5, radius: 2.5, sample_id: p.id, is_loaded: false }) .bindPopup("Loading...") .addTo(map); function onMarkerClick(e) { const marker = e.sourceTarget; if (!marker.options.is_loaded) { loadPopupContent(marker); } } marker.on("click", onMarkerClick); return marker; } const points = responseDataSamples.data.map( p => buildMarker(p)); if (points && points.length > 0) { const group = new L.featureGroup(points); map.fitBounds(group.getBounds()); } }32:T20af,velocityExampleData = [ { "header": { "parameterUnit": "m.s-1", "parameterNumber": 2, "dx": 1.0, "dy": 1.0, "parameterNumberName": "Eastward current", "la1": -7.5, "la2": -28.5, "parameterCategory": 2, "lo2": 156, "nx": 14, "ny": 22, "refTime": "2017-02-01 23:00:00", "lo1": 143 }, "data": [ 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.33000001311302185, 0.25, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.12999999523162842, -0.0, 0.6499999761581421, 0.44999998807907104, 0.5, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.03999999910593033, -0.1899999976158142, 0.4300000071525574, 0.23999999463558197, 0.44999998807907104, 0.23000000417232513, 0.4399999976158142, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.1599999964237213, 0.0, -0.019999999552965164, -0.05000000074505806, 0.23000000417232513, 0.3700000047683716, 0.550000011920929, 0.2800000011920929, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.11999999731779099, -0.33000001311302185, 0.05999999865889549, 0.12999999523162842, 0.3199999928474426, 0.28999999165534973, 0.2800000011920929, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.20999999344348907, -0.30000001192092896, -0.8199999928474426, -0.27000001072883606, -0.019999999552965164, 0.23000000417232513, 0.20000000298023224, 0.10000000149011612, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.12999999523162842, -0.1899999976158142, -0.18000000715255737, -0.44999998807907104, 0.11999999731779099, -0.05000000074505806, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.20999999344348907, -0.1899999976158142, -0.27000001072883606, -0.6499999761581421, -0.3199999928474426, -0.3199999928474426, -0.07000000029802322, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.23999999463558197, -0.14000000059604645, -0.15000000596046448, -0.09000000357627869, -0.3799999952316284, -0.33000001311302185, -0.17000000178813934, -0.28999999165534973, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.03999999910593033, -0.17000000178813934, 0.07000000029802322, -0.27000001072883606, -0.10999999940395355, -0.1899999976158142, -0.019999999552965164, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.14000000059604645, -0.05999999865889549, -0.05000000074505806, -0.36000001430511475, -0.3700000047683716, -0.20000000298023224, -0.20999999344348907, -0.09000000357627869, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.05000000074505806, -0.019999999552965164, 0.1599999964237213, 0.3100000023841858, -0.18000000715255737, -0.1599999964237213, -0.25999999046325684, -0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.05999999865889549, -0.27000001072883606, -0.27000001072883606, 0.4099999964237213, 0.23999999463558197, -0.09000000357627869, 0.009999999776482582, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.20999999344348907, -0.3499999940395355, -0.23999999463558197, 0.009999999776482582, -0.14000000059604645, -0.18000000715255737, -0.1599999964237213, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.25, -0.23000000417232513, 0.17000000178813934, -0.17000000178813934, 0.09000000357627869, 0.1599999964237213, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.05000000074505806, -0.1899999976158142, 0.10999999940395355, -0.03999999910593033, -0.10999999940395355, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.009999999776482582, -0.009999999776482582, -0.23999999463558197, -0.33000001311302185, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.25999999046325684, -0.03999999910593033, 0.11999999731779099, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.11999999731779099, -0.17000000178813934, 0.25999999046325684, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.05000000074505806, -0.6100000143051147, -0.2199999988079071, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.5600000023841858, 0.3100000023841858, 0.36000001430511475 ] }, { "header": { "parameterUnit": "m.s-1", "parameterNumber": 3, "dx": 1.0, "dy": 1.0, "parameterNumberName": "Northward current", "la1": -7.5, "la2": -28.5, "parameterCategory": 2, "lo2": 156, "nx": 14, "ny": 22, "refTime": "2017-02-01 23:00:00", "lo1": 143 }, "data": [ 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.1899999976158142, 0.28999999165534973, 0.019999999552965164, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.2800000011920929, 0.20999999344348907, 0.44999998807907104, 0.11999999731779099, -0.3100000023841858, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.18000000715255737, 0.36000001430511475, 0.20000000298023224, -0.20000000298023224, -0.25, -0.3100000023841858, 0.10000000149011612, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.15000000596046448, 0.38999998569488525, 0.14000000059604645, -0.1599999964237213, -0.28999999165534973, -0.1599999964237213, -0.1599999964237213, 0.10999999940395355, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.75, 0.23000000417232513, -0.07000000029802322, -0.3400000035762787, -0.18000000715255737, -0.3799999952316284, -0.3700000047683716, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.17000000178813934, 0.3400000035762787, -0.009999999776482582, -0.029999999329447746, -0.25999999046325684, -0.07000000029802322, -0.25999999046325684, -0.33000001311302185, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.05999999865889549, 0.03999999910593033, 0.05000000074505806, -0.1599999964237213, -0.0, 0.009999999776482582, -0.2199999988079071, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.05000000074505806, -0.2199999988079071, -0.05999999865889549, -0.3799999952316284, -0.20000000298023224, -0.07000000029802322, 0.2199999988079071, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.019999999552965164, 0.2199999988079071, 0.05000000074505806, -0.10999999940395355, -0.25, -0.12999999523162842, 0.11999999731779099, 0.07000000029802322, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.07000000029802322, -0.05999999865889549, -0.1899999976158142, -0.41999998688697815, -0.10000000149011612, -0.12999999523162842, 0.009999999776482582, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.10000000149011612, -0.12999999523162842, 0.019999999552965164, -0.28999999165534973, -0.12999999523162842, 0.20000000298023224, 0.07999999821186066, -0.4399999976158142, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.11999999731779099, -0.7599999904632568, -0.49000000953674316, -0.550000011920929, -0.10000000149011612, 0.09000000357627869, 0.07000000029802322, -0.23999999463558197, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.47999998927116394, -0.5299999713897705, -0.550000011920929, -0.47999998927116394, -0.05000000074505806, 0.03999999910593033, -0.3700000047683716, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.5400000214576721, -0.019999999552965164, -0.3199999928474426, -0.18000000715255737, -0.09000000357627869, -0.1599999964237213, -0.3499999940395355, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.029999999329447746, 0.029999999329447746, -0.15000000596046448, -0.23000000417232513, -0.019999999552965164, -0.3799999952316284, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.1599999964237213, -0.18000000715255737, -0.05999999865889549, 0.5199999809265137, -0.07000000029802322, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.3100000023841858, -0.4699999988079071, 0.2800000011920929, -0.41999998688697815, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.5799999833106995, 0.019999999552965164, -0.4000000059604645, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.47999998927116394, -0.019999999552965164, -0.09000000357627869, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -0.7699999809265137, -0.019999999552965164, -0.05999999865889549, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, -1.1699999570846558, 0.33000001311302185, -0.05000000074505806 ] } ] 33:[] 2f:{"title":"EcoPart + Sea water velocity","cells":[{"id":0,"value":"# EcoPart + Sea water velocity\n\n+ [EcoPart](https://ecopart.obs-vlfr.fr/)\n+ [Sea water velocity from Copernicus](https://resources.marine.copernicus.eu/product-detail/GLOBAL_ANALYSIS_FORECAST_PHY_001_024/INFORMATION) (from 2019-01-01 to today)","pinned":false,"hidden":false,"mode":"md"},{"id":184,"value":"viewof fromDate = Inputs.date({\n label: \"From date\",\n value: \"2021-09-17\",\n //required: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":185,"value":"viewof toDate = Inputs.date({\n label: \"To date\",\n value: new Date(),\n //required: true\n\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":371,"value":"viewof projectID = Inputs.text({\n label: \"Project ID\",\n placeholder: \"Project ID (from sample popup)\",\n value: 394\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"viewof proxy = Inputs.select(\n [\n 'https://observable-cors.glitch.me/',\n 'https://cors-proxy.htmldriven.com/?url=',\n 'https://cors-anywhere.herokuapp.com/', \n ],\n {\n label: 'proxy',\n description: 'select CORS proxy if fetch fails',\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":315,"value":"function buildProxyURL(url) {\n return proxy + url;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":484,"value":"function formatDate(date) {\n return date.toISOString().split('T')[0];\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"ecoPartURLApi = 'https://ecopart.obs-vlfr.fr/searchsample'","pinned":false,"hidden":false,"mode":"ojs"},{"id":233,"value":"fullEcoPartURLApi = {\n const params=[]\n if(fromDate) {\n params.push(`filt_fromdate=${formatDate(fromDate)}`)\n }\n if(toDate) {\n params.push(`filt_todate=${formatDate(toDate)}`)\n }\n if(projectID) {\n params.push(`filt_uproj=${projectID}`)\n }\n return buildProxyURL(ecoPartURLApi)+\"?\"+params.join('&');\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"responseDataSamples = {\n const resp = await fetch(fullEcoPartURLApi); \n \n return {\n ok: resp.ok,\n data : await resp.json()\n };\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":260,"value":"openstreetmap_layer = L.tileLayer(\n \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\n {\n attribution:\n \"© OpenStreetMap contributors\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"Esri_WorldImagery = L.tileLayer(\n \"http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}\",\n {\n attribution:\n \"Tiles © Esri — Source: Esri, i-cubed, USDA, USGS, \" +\n \"AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community\"\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"global_analysis_forecast_phy_001_024 = L.tileLayer.wms(\n \"http://nrt.cmems-du.eu/thredds/wms/global-analysis-forecast-phy-001-024\",\n {\n layers: \"sea_water_velocity\",\n format: \"image/png\",\n styles: \"linevec/greyscale\",\n transparent: true,\n version: \"1.1.1\",\n attribution: \"E.U Copernicus Marine Environment Monitoring Service\"\n }\n );","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":441,"value":"timeVariable = {\n var timeVariableResponse = await fetch(\n buildProxyURL(\n \"http://nrt.cmems-du.eu/thredds/wms/global-analysis-forecast-phy-001-024\"+\n \"?REQUEST=GetCapabilities&service=WMS\"\n )\n ).then((response) => {\n return response.text();\n });\n\n var timeVariableCatalog = new DOMParser().parseFromString(\n timeVariableResponse,\n \"text/xml\"\n );\n var timeVariableArray = Array.from(\n timeVariableCatalog.querySelectorAll(\n \"WMS_Capabilities > Capability > Layer > Layer > Layer > Dimension\"\n ),\n (n) => n.childNodes[0].nodeValue\n );\n return timeVariableArray[0].trim();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":283,"value":"**Imports**","pinned":false,"hidden":false,"mode":"md"},{"id":453,"value":"L = {\n const L = await require(\"leaflet@1.7.1/dist/leaflet-src.js\");\n if (!L._style) {\n var href = await require.resolve(\"leaflet@1.7.1/dist/leaflet.css\");\n document.head.appendChild(\n (L._style = html``)\n );\n }\n await require(\"leaflet-timedimension@1.1.1\").catch(\n () => L.control.fullscreen\n );\n var href = await require.resolve(\n \"leaflet-timedimension@1.1.1/dist/leaflet.timedimension.control.min.css\"\n );\n document.head.appendChild(html``);\n return L;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}