Giter Club home page Giter Club logo

imagery-explorer-apps's Introduction

Imagery Explorer Apps

This repository contains a collection of Imagery Explorer web applications developed by Esri's ArcGIS Living Atlas team.

Table of Content

Getting Started

Before you begin, make sure you have a fresh version of Node.js and NPM installed. The current Long Term Support (LTS) release is an ideal starting point.

To get started, clone this repository (or your fork) to your local machine:

git clone https://github.com/Esri/imagery-explorer-apps.git

Navigate to the root directory of the project and install the necessary packages (dependencies):

npm install

Landsat Explorer

The Landsat Explorer app offers an intuitive user experience, it leverages a variety of ArcGIS capabilities to explore and begin to unlock the wealth of information that Landsat provides.

View it live

App

Features:

  • Visual exploration of a Dynamic global mosaic of the best available Landsat scenes.
  • On-the-fly multispectral band combinations and indices for visualization and analysis.
  • Interactive Find a Scene by location, sensor, time, and cloud cover.
  • Visual change by time, and comparison of different renderings, with Swipe and Animation modes.
  • Analysis such as threshold masking and temporal profiles for vegetation, water, land surface temperature, and more.

Usage

Before running the application, update the landsat-level-2 URLs in the config.json to use the URL of your service proxy for Landsat Level-2.

config.json:

{
    //...
    "services": {
        "landsat-level-2": {
            "development": "URL_OF_YOUR_PROXY_SERVICE_FOR_LANDSAT_LEVEL_2",
            "production": "URL_OF_YOUR_PROXY_SERVICE_FOR_LANDSAT_LEVEL_2"
        }
    }
}

To run and test the app on your local machine:

npm run start-landsat

To build the app, you can run the command below, this will place all files needed for deployment into the /dist/landsat directory.

npm run build-landsat

Resources

Landsat Level-2 Imagery Service Licensing

  • Source Image Products - USGS. USGS-authored or produced data and information are considered to be in the U.S. Public Domain and may be used without restriction. Acknowledging or Crediting USGS
  • Image Service - Esri. This work is licensed under the Esri Master License Agreement. View Summary | View Terms of Use

Sentinel-2 Land Cover Explorer

Land use land cover (LULC) maps are an increasingly important tool for decision-makers in many industry sectors and developing nations around the world. The information provided by these maps helps inform policy and land management decisions by better understanding and quantifying the impacts of earth processes and human activity.

The Sentinel-2 Land Cover Explorer app provides dynamic visual and statistical change by comparing annual slices of the Sentinel-2 10m Land Use/Land Cover data as you explore the map.

View it live

App

Features:

  • Visual change analysis with either ‘Step Mode’ or ‘Swipe Mode’
  • Dynamic statistical change analysis by year, map extent, and class
  • Filter by selected land cover class
  • Regional class statistics summarized by administrative boundaries
  • Imagery mode for visualization and comparison of the source imagery
  • Select and dynamically change imagery renderings
  • Data download for offline use

Usage

To run and test the app on your local machine:

npm run start-landcover

To build the app, you can run the command below, this will place all files needed for deployment into the /dist/landcover-explorer directory.

npm run build-landcover

Resources

Issues

Find a bug or want to request a new feature? Please let us know by submitting an issue.

Contributing

Esri welcomes contributions from anyone and everyone. Please see our guidelines for contributing.

Licensing

Copyright 2024 Esri

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's LICENSE file.

imagery-explorer-apps's People

Contributors

vannizhang avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

imagery-explorer-apps's Issues

Add export mask capability

Starting assumptions:

  • Export in polygon format
  • Include two export options: 1) download 2) publish to Online

"Copy link" buttons

in order to make copying a URL to the app in a specific state as clear and easy as possible, let's add a copy link button to the map's nav button list and to the animation UI. clicking either of these buttons adds the current URL to the clipboard.

Map nav button group

  • a "copy link" button is available below the "snapshot" button.
  • use the link calcite icon
  • tooltip: "Copy link to this app in its current state."
  • on click, a success message appears to the right of the button: "(check icon) Link copied to clipboard."
  • the success message appears for 3 seconds, then fades away.

image
image

Animation UI
Because we hide much of the UI during animation mode, let's add the copy link button to the animation panels as well.

  • same link icon as the map nav button.
  • in the animation panel, placed to the left of the download button. there is limited space here so Jinnan will experiment with resizing buttons to make room. if it doesn't fit we can discuss a plan B.
  • in the animation's close/download panel in the top-right of the map, add a link button to the left of the download button. This will require that the diagonal background gradient be enlarged to accommodate the third button. Ideally the three buttons (copy link, download, and close) get a black dropshadow to increase visibility.
  • clicking the copy link button (in the animation button panel or the top right panel) shows a message in the same place as the download animation messages: "Animation link copied to clipboard."
  • the success message appears for 3 seconds, then fades away.

here's a bad mockup on the top right panel with the link button:
image
and the message
image

timeline list auto-scroll

When clicking through the images of an animation list, the list will auto-scroll to the bottom, making it hard to explore the list or click through the images in sequence. It makes sense to jump to the bottom of the list when adding new images, but ideally it wouldn't auto-scroll on list-item selection.

Calcite accessibility selection graphic returned

Probably due to a change to the underlying calcite stuff, the visually intrusive accessibility selection graphic is back on the swipe widget. I disagree with the accessibility benefit this provides and recommend hiding it.
image

Scene selection in landsat

Screenshot 2024-03-29 110608 After i download the repository and tried to host it in the local server,I couldn't see any imagery dates during the scene selection.It gives **code: 403, messageCode: 'GWM_0003', message: 'You do not have permissions to access this resource or perform this operation.', details: Array(0)**} error in the console.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.