JAXA Earth API for JavaScript Sample

This is a sample of the JAXA Earth API for JavaScript. All files can be downloaded from the link below. For detailed explanations, please refer to the comments within the source code. Here is an explanation of the overall API.


Download all files


This sample uses JavaScript in the ES Module format. To run it, you need to access it via a server; it will not work if you open the HTML file by double-clicking. Please use VSCode's Live Server etc. when running locally on your device.

Additionally, some execution results will be output on the browser's console. To open the console, for example in Chrome on a Windows terminal, you can open the browser's [Menu] → [More tools] → [Developer tools], or press [Shift] + [Ctrl] + [I].

Obtain one image

This sample obtains one image and displays it in the browser.

je.getImage

This is a sample that uses the function (je.getImage) to easily obtain a je.Image object.

je.ImageCollection & je.Image

This is a sample that creates a je.ImageCollection class by specifying collection.json, retrieves data at an arbitrary time (je.Image class), and creates a single image. More complex processing can be performed compared to je.getImage.

Obtain multiple images in chronological order

In this sample, multiple images from the specified dataset are obtained in chronological order, and animations and time series graphs are displayed on the browser.

je.getTimeSeriesImage

This is a sample that uses the function (je.getTimeSeriesImage) to collectively obtain time series direction je.Image.

Display an image on a scrollable map

This is a sample that uses various map APIs with interactive navigation to display data in a browser.

je.ol.createLayer (For OpenLayers)

This is a sample function that specifies collection.json and creates a layer class that can be imported into OpenLayers.

je.leaflet.createLayer (For Leaflet)

This is a sample feature that creates a layer class that can be imported into Leaflet by specifying collection.json. *This is a provisional version, so the specifications may change in the future.

Visualize

This is a sample for changing the color map or performing custom visualizations.

je.image.ColorMap & je.image.createImage

This is a sample for creating color maps and images.

HTMLCanvasElement & ImageData

This is a sample case where HTMLCanvasElement and ImageData are used to evaluate colors at the pixel level and perform a custom visualization.

Perform statistical processing

This is a sample of useful functions for performing statistical processing.

je.data.csv

This is a sample for creating and downloading a CSV file.

je.data.stat

This is a sample that performs simple statistical processing without considering the Earth's sphere (WGS84 rotating ellipsoid).

je.data.globalStat

This is a sample for performing statistical processing considering the Earth's sphere (WGS84 rotating ellipsoid).



©2025 Japan Aerospace Exploration Agency