Skip to content
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
.babelrc
.eslintrc
.gitignore
LICENSE.md
README.md
cover.png
gioconda4326.png
index.html
index.js
package.json
style.css
webpack.config.js

README.md

png-projection

simple GUI to test d3js projection with png images

Preview of the GUI with Airocean projection

inputs

  • Image Source: path to image
  • Resolution X: horizontal resolution of pixel
  • Resolution Y: vertical resolution of pixel
  • Left Coordinate: x coordinate in EPSG:4326 of left limit of the image
  • Top Coordinate: y coordinate in EPSG:4326 of top limit of the image

default values work for an image with width 1024px and height 512px that covers the global extension.

this GUI uses projections from following libraries:

sample image modified from https://commons.wikimedia.org/wiki/File:Mona_Lisa,_by_Leonardo_da_Vinci,_from_C2RMF_retouched.jpg

Notes:

  • the pourpose of this repository is only for testing
  • output images on canvas have some visual error due to projection workflow 1px to 1px
  • sometimes the projection takes long time to process
You can’t perform that action at this time.