"JAXA Earth API for JavaScript" examples on the Observable by the JAXA Earth Observation Research Center
//APIモジュールを読み込み
je = require("https://data.earth.jaxa.jp/api/javascript/v1.2.3/jaxa.earth.umd.js");
//時期
date = new Date(Date.UTC(2023,3-1,1)); //y, m-1 ,d
//緯度経度範囲
bbox = {
//関東中部地方
const lng = 138;
const lat = 36;
const dl = 3.5;
//九州地方
// const lng = 130;
// const lat = 32;
// const dl = 2.2;
return [lng - dl,lat - dl,lng + dl,lat + dl]; //[west, south, east, north]
}
image1 = await je.getImage({
//MODISの地表面温度のデータ
//https://data.earth.jaxa.jp/ja/datasets/#/id/NASA.EOSDIS_Terra.MODIS_MOD11C1-LST.daytime.v061_global_half-monthly
collection: "https://s3.ap-northeast-1.wasabisys.com/je-pds/cog/v1/NASA.EOSDIS_Terra.MODIS_MOD11C1-LST.daytime.v061_global_half-monthly/collection.json",
band: "LST",
width: 300,
height: 300,
bbox,
date,
colorMap: {
min: 273.15 - 5,
max: 273.15 + 35,
colors: "jet",
},
});
image1.getFormattedDate();
image1.getCanvas();
image1.getLegend(300,20,10);
je.data.globalStat(image1.getData()).mean - 273.15
image2 = await je.getImage({
//平年値
//https://data.earth.jaxa.jp/ja/datasets/#/id/NASA.EOSDIS_Terra.MODIS_MOD11C1-LST.daytime.v061_global_half-monthly-normal
collection: "https://s3.ap-northeast-1.wasabisys.com/je-pds/cog/v1/NASA.EOSDIS_Terra.MODIS_MOD11C1-LST.daytime.v061_global_half-monthly-normal/collection.json",
band: "LST_2012_2021",
width: 300,
height: 300,
bbox,
date: image1.getDate(),
colorMap: {
min: 273.15 - 5,
max: 273.15 + 35,
colors: "jet",
},
});
image2.getFormattedDate();
image2.getCanvas();
image2.getLegend(300,20,10);
je.data.globalStat(image2.getData()).mean - 273.15
image3 = new je.CompositeImage({
images: [image1, image2],
operation: (value_of_image1, value_of_image2) => value_of_image1 - value_of_image2,
//-16～16℃を青～白～赤に塗るカラーバーを設定
colorMap: {
min: -16,
max: 16,
colors: ["#0000ff","#ffffff","#ff0000"],
},
unit: "degC",
});
image3.getCanvas()
image3.getLegend(300,20,10);
je.data.globalStat(image3.getData()).mean
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.
