ixmaps.embed(
"map1",
{
mapCdn: "https://gjrichter.github.io/ixmaps",
width: "100%",
height: "640px",
legend: "true",
align: "right",
footer: "true",
scrollsafesilent: "true"
},
(map) =>
map
.view([43.316304087452984, 13.467226114593506], 8.9)
.mapType("ArcGIS - Topo")
.options({
objectscaling: "dynamic",
normalSizeScale: "2314"
})
.layer(riparian_zones)
.layer(actual_data)
)
riparian_zones =
ixmaps.layer("riparian_zones")
.type("WMS|IMAGE|NOLEGEND")
.data({server:"https://image.discomap.eea.europa.eu/arcgis/rest/services/RiparianZones/LCLU/MapServer/export"})
.style({"opacity": "0.8"})
.define()
query = function (data, options) {
Data.feed({
source:
"https://corsme.herokuapp.com/https://dati.isprambiente.it/sparql?default-graph-uri=&query=PREFIX%20ispra-top%3A%20%3Chttps%3A%2F%2Fw3id.org%2Fitalia%2Fenv%2Fonto%2Ftop%2F%3E%0APREFIX%20ispra-plc%3A%20%3Chttps%3A%2F%2Fw3id.org%2Fitalia%2Fenv%2Fonto%2Fplace%2F%3E%0APREFIX%20geo%3A%20%3Chttp%3A%2F%2Fwww.w3.org%2F2003%2F01%2Fgeo%2Fwgs84_pos%23%3E%0A%0ASELECT%20DISTINCT%20%0Astr%28%3Fgeoyear%29%20AS%20%3Fanno%20%0Astr%28%3Fregdesc%29%20AS%20%3Fregione%20%0Astr%28%3Fprovdesc%29%20AS%20%3Fprovincia%20%0Astr%28%3Fmundesc%29%20AS%20%3Fcomune%20%0Astr%28%3Flblbasin%29%20AS%20%3Fbacino%20%0A%3Fplatformtype%20AS%20%3Ftipopiattaforma%20%0A%3Fplatformidentifier%20AS%20%3Fpiattaforma%20%0A%3Flat%20%0A%3Flong%20%20%20%0Astr%28%3Fparlabel%29%20AS%20%3Fparametro%20%0A%3Fvalue%0A%23str%28%3Fumdesc%29%20AS%20%3Funitadimisura%20%0A%3FURIpiattaforma%0A%3Fpar%20AS%20%3FURIparametro%20%0A%3Findicator%20AS%20%3FURIindicatore%0AWHERE%0A%7B%0A%23%23TOGLIERE%20%22%23%22%20DALLA%20RIGA%20SOTTO%20SE%20SI%20DESIDERA%20SELEZIONARE%20PER%20CODICE%20%20REGIONE%3A%20ES.%20%2211%22%20%3D%20region%20code%20%22Marche%22%0AFILTER%28str%28%3Fcodereg%29%20%20%3D%20%2211%22%29%0A%23%23TOGLIERE%20%22%23%22%20DALLA%20RIGA%20SOTTO%20SE%20SI%20DESIDERA%20SELEZIONARE%20PER%20CODICE%20PROVINCIA%20%28ES.%20%22021%22%20o%20%22022%22%20PER%20LE%20PROVINCE%20DI%20%22Bolzano%22%20o%20%22Trento%22%29%20ANTEPONENDO%20%20%22%23%22%20ALLA%20RIGA%20SOPRA%0A%23FILTER%28str%28%3Fcodeprov%29%20%20%3D%20%22021%22%29%0A%0A%23%23PER%20ACQUE%20SUPERFICIALI%20SOSTITUIRE%20NELLA%20RIGA%20SOTTO%20gw%20CON%20sw%0AFILTER%28%3Fplatformtype%20%3D%20%22gw%22%29%0A%0A%23%23TOGLIERE%20%22%23%22%20DALLA%20RIGA%20SOTTO%20SE%20SI%20DESIDERA%20SELEZIONARE%20PER%20CODICE%20COMUNE%20%28ES.%20%22041033%22%20O%20IMPOSTARE%20UN%20ALTRO%20CODICE%29%0A%23%3Fmun%20ispra-plc%3Aistat%20%22041033%22%5E%5Exsd%3Astring%20.%0A%0A%23%23%20SOSTITUIRE%20NELLA%20RIGA%20SOTTO%20L%27ANNO%20%282018%29%20CON%20QUELLO%20DESIDERATO%0A%3Ftime%20ispra-top%3Ayear%20%222018%22%5E%5Exsd%3AgYear%20.%0A%23%23%20SOSTITUIRE%20NELLA%20RIGA%20SOTTO%20L%27ANNO%20%282018%29%20CON%20QUELLO%20DESIDERATO%0AGRAPH%20%3Chttps%3A%2F%2Fw3id.org%2Fitalia%2Fenv%2Fld%2Fpest%2F2018%2F%3E%20%7B%0A%3Findicator%20ispra-top%3AhasSource%20%3Fsamplingseries%3B%0A%20%20rdfs%3Alabel%20%3Flblind%3B%0A%20%20ispra-top%3AisMemberOf%20%3Ficc%3B%0A%20%20ispra-top%3AhasValue%20%3Fvv.%0A%3Fvv%20ispra-top%3Avalue%20%3Fvalue%20.%0A%23ispra-top%3AhasUnitOfMeasure%20%3Fum.%20%0A%3Fsamplingseries%20ispra-plc%3AhasFeature%20%3Fgeofeature%20.%0A%3Fgeofeature%20ispra-top%3AatTime%20%3Ftime%3B%0A%20%20%20%20geo%3Alat%20%3Flat%3B%0A%20%20%20%20geo%3Along%20%3Flong%3B%0A%20%20%20%20ispra-top%3AisPartOf%20%3Fbasin%20.%20%0A%7D%0AGRAPH%20%3Chttps%3A%2F%2Fw3id.org%2Fitalia%2Fenv%2Fld%2Fpest%2F%3E%20%7B%0A%23%23PER%20ACQUE%20SUPERFICIALI%20SOSTITUIRE%20NELLA%20RIGA%20SOTTO%20pest_ggw%20CON%20pest_gsw%0A%3Fparbroader%20ispra-top%3Aidentifier%20%22pest_ggw%22%20.%0A%0A%3Fc%20%20ispra-top%3AisPartOf%20%3Chttps%3A%2F%2Fw3id.org%2Fitalia%2Fenv%2Fld%2Fpest%2Fdataset%3E%3B%0A%20%20ispra-top%3AisCollectionOf%20%3Fmun%20.%0A%3Fic%20%20ispra-top%3AisPartOf%20%3Fc.%0A%3Ficc%20%20ispra-top%3AisPartOf%20%3Fic%3B%0A%20%20ispra-top%3AisParametrisedBy%20%3Fpar%20.%0A%3Fpar%20rdfs%3Alabel%20%3Fparlabel%3B%0A%20%20ispra-top%3Aidentifier%20%22pest_gwpestot%22%3B%0A%20%20ispra-top%3AhasBroader%20%3Fparbroader%20.%0A%23%3Fum%20rdfs%3Alabel%20%3Fumdesc%20.%20%0A%7D%0A%3Fmun%20%20rdfs%3Alabel%20%3Fmundesc%3B%0A%20%20ispra-plc%3Aistat%20%3Flau_com%3B%0A%20%20ispra-plc%3AhasDirectHigherRank%20%3Fprov%20%3B%0A%20%20ispra-plc%3AhasRegion%20%3Freg%20.%0A%3Fprov%20rdfs%3Alabel%20%3Fprovdesc%20.%0A%3Fprov%20ispra-plc%3Aistat%20%3Fcodeprov%20.%20%0A%3Freg%20rdfs%3Alabel%20%3Fregdesc.%0A%3Freg%20ispra-plc%3Aistat%20%3Fcodereg%20.%0A%23%3Fcodereg%20bif%3Acontains%20%22%2711%27%22.%20%0A%23FILTER%20%28%20isLiteral%28%3Fcodereg%20%29%20%29%20.%0A%3Ftime%20ispra-top%3Ayear%20%3Fgeoyear%20.%0A%3Fbasin%20rdfs%3Alabel%20%3Flblbasin%20.%0A%0AFILTER%20%28langMatches%28lang%28%3Flblind%29%2C%22it%22%29%29%0AFILTER%20%28langMatches%28lang%28%3Fmundesc%29%2C%22it%22%29%29%0AFILTER%20%28langMatches%28lang%28%3Fparlabel%29%2C%22it%22%29%29%0A%23FILTER%28lang%28%3Fumdesc%29%3D%27it%27%29%0AFILTER%28lang%28%3Flblbasin%29%3D%27it%27%29%0ABIND%28SUBSTR%28str%28%3Fgeofeature%29%2C%2052%2C%20STRLEN%28str%28%3Fgeofeature%29%29%20-%2056%29%20AS%20%3Fplatformidentifier%29%0ABIND%28SUBSTR%28%3Fplatformidentifier%2C%201%2C%202%29%20AS%20%3Fadmincode%29%20%0ABIND%28SUBSTR%28%3Fplatformidentifier%2C%203%2C%202%29%20AS%20%3Fplatformtype%29%0ABIND%28URI%28CONCAT%28%22https%3A%2F%2Fw3id.org%2Fitalia%2Fenv%2Fld%2Fpest%2Fplatform%2F00106_%22%2C%20%3Fplatformidentifier%2C%20%22_%22%2C%20str%28%3Fgeoyear%29%29%29%20AS%20%3FURIpiattaforma%29%0A%7D%0AORDER%20BY%20%3FURIpiattaforma%0A&format=csv",
type: "csv"
}).load(function (newData) {
(options.type = "jsonDB"), ixmaps.setExternalData(newData, options);
});
}
actual_data = ixmaps
.layer("generic")
// here we define the data source
.data({
query: query.toString(),
type: "ext"
})
.binding({
// the parameter "field" defines the columns of the data table to use for the theme
value: "value",
// take the chart positions from here
lookupfield: "lat|long"
})
// here we define the visualizzation
.type("CHART|SYMBOL|AURA|SIZE|VALUES")
.style({
colorscheme: ["#ff00ff"],
symbols: ["circle"],
textcolor: "white",
valuedecimals: "5",
linecolor: "white",
linewidth: "30",
shadow: "true",
normalsizevalue: "0.001",
titlefield: "bacino"
})
.meta({
title: "Pesticidi - 2018",
description:
"fonte: <a href='https://www.eea.europa.eu/data-and-maps/data/bathing-water-directive-status-of-bathing-water-12' target='_blank'>EEA bathing water quality</a><br>fondo: <a href='https://land.copernicus.eu/local' target='_blank'>Copernicus Land Monitoring Service</a>"
})
.define()
Data = require("https://gjrichter.github.io/data.min.js/data.js")
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
