viewof map = {
const target = html`<div style="height: 600px;">`;
yield target; // Give the container dimensions.
const map = target.value = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
}),
new ol.layer.Tile({
source: new ol.source.XYZ({
url: imageRGB.getMap().urlFormat,
interpolate: false
})
})
],
target,
view: new ol.View({
center: ol.proj.fromLonLat([-110.8393226, 31.8093733]),
zoom: 22
})
});
invalidation.then(() => map.dispose());
return map;
}
imageRGB = {
var image = ee.Image("users/gponce/usda_ars/assets/images/aes/srer/suas/2019/full_ortho_srer_may_2019_1cm")
return image.visualize({ min: 20, max: 250 })
}
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.
