Code Monkey home page Code Monkey logo

indigowizard / mega-port-environment Goto Github PK

View Code? Open in Web Editor NEW
6.0 6.0 1.0 879 KB

Satellite imagery analysis and carography for Algeria's mega port project

Home Page: https://indigowizard.github.io/mega-port-environment/webmap.html

HTML 98.05% Python 1.70% CSS 0.25%
analysis cartography earth-engine environmental-impact-assessment environmental-monitoring environmental-science folium geospatial gis hacktoberfest python remote-sensing satellite-imagery

mega-port-environment's People

Contributors

indigowizard avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

ahmedyes2000

mega-port-environment's Issues

Layers categories in Folium and Google Earth Engine Python API

Important

  • Don't forget to check the CONTRIBUTING.md
  • This issue is related to the feature/UI branch and so should the PR come from it (or make a new branch with prefix UI-) and it shall be merged into the develop branch.

Main issue gist

(original question asked in here in gis.stackexchange.com/questions/436671/

I am using Python, Google Earth Engine and Folium.

  • Is there a way to stack layers by categories in Folium & Google Earth Engine (Python not JS editor)?
  • I want to achieve something like leaflet.js "Leaflet.StyledLayerControl" plugin.

If not, then I just need a way to point out in the layer panel where each category starts by adding a simple title or a separator (like the default separator in Folium right under the first basemap layer)

default-folium-separator

Visuals

My results (native folium layer panel) Wanted results (anything similar)
Native Folium Layer Panel Custom Layer Panel
The default rendered Layer Control Panel in Folium produces layers stacked in two categories in the HTML file;
"base_layers": single option basemaps (radio buttons).
"overlays": all the other layers vector/raster (checkboxes)
I edited the HTML file inside the browser using the Developer Tools console to add elements as to show where each category starts.
Anything resembling this result is what I want to achieve with Folium and GEE in python.

Here's an example of a Leaflet.js plugin that does something similar to what I want to achieve in python with Folium and GEE (see links at the bottom of the question):

example

The problem

  • There's no way to customize the Folium Layer Panel to stack layers under a category
  • There is no way to add a content to the Layer Panel, like a Header or text or a separator (even though you can see one automatically generated separator under the first two basemaps radio buttons by folium)

Tasks:

  • Find a way to organize Folium layers into categories (separateed by a category title or separator div or else)
  • Find a way to organize Google Earth Engine layers into categories (separateed by a category title or separator div or else)
NOTE:

As you know, modifying the resulting HTML file from Folium and GEE generated map is not an option as it is re-written every time we execute the python script, and it doesn't contain the elements of the layer control panel in the file itself but calls it from leaflet which ends up displaying a different file in the browser when it comes to the source code of the actual HTML file.

Using higher resolution imagery for elevation data source

Important

  • Don't forget to check the CONTRIBUTING.md
  • This issue is related to the feature/UI branch and so should the PR come from it (or make a new branch with prefix UI-) and it shall be merged into the develop branch.

Main issue gist

Currently using NASA SRTM Digital Elevation Data Version 4: (CGIAR/SRTM90_V4) which has a 90m resolution, it's been alright so far but a higher resolution imagery would improve the results greatly and gives better slopes aspects for a more accurate analysis and understanding of the terrain.

preview:

current looks of the NASA SRTM:

DEM (with hillshade) 90m Slopes derived from same DEM

How to mosaick two raster images (NDVI and NDWI) as one layer in GEE? (Python)

Important

  • Don't forget to check the CONTRIBUTING.md
  • This issue is related to the feature/imagery-analysis branch and so should the PR come from it (or make a new branch with prefix Imagery-) and it shall be merged into the develop branch.

Main issue gist

(original question asked in here in gis.stackexchange.com/questions/436671/

I'm trying to mosaic NDVI and NDWI layers into one layer using GEE (python). This is for having land part of the map covered by the NDVI results and the water part of the map covered by NDWI. All that in one layer.

Any idea how to make this work?

See here for reference: Google Earth Engine: Image Visualization

Visuals

Wanted result Similar to
enter image description here enter image description here
Mosaic of NDWI & NDVI as one layer Mosaic of NDWI & False Color Composite

The problem

  • Simply not working.
  • No errors.
  • "Mosaic: NDWI x NDVI" layer exist but not showing visuals.
  • "Clipped: NDWI x NDVI" layer exist and only showing NDVI land part but in a grey scale colors, not original NDVI palette. The NDWI part of the mosaic is left out not showing.
my actual results-1 (problem) my actual results-2 (problem)
enter image description here enter image description here
Clipped mosaic of NDWI & NDVI as one layer
Greyed out and no NDWI
Nothing shows on the map
(Mosaic of NDWI & NDVI not working)

My approach

I first followed the official tutorial in GEE documentation (see here: https://developers.google.com/earth-engine/guides/image_visualization#mosaicking).

  • Managed to reproduce the results and successfully mosaicked NDWI & FCC (false color composite) as one image layer.
  • I tried to mosaic NDWI and NDVI but no results show up in that layer. No errors of execution in the console tho.

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.