geotiffjs / cog-explorer Goto Github PK

View Code? Open in Web Editor NEW

56.0 56.0 14.0 16.4 MB

geotiff.js application highlighting the cloud optimized GeoTIFF capabilities of the libray.

Home Page: https://geotiffjs.github.io/cog-explorer/

License: MIT License

JavaScript 93.57% HTML 5.71% CSS 0.73%

cog-explorer's People

Contributors

Stargazers

Watchers

Forkers

schpidi bradh maptiler cuulee b0bbybaldi mhiley evercounting dainagritech bekerov marccoru mortac8 rkaravia hurry07 nickjeepz

cog-explorer's Issues

geotiff.js module not in package.json

cog-explorer/package.json

Line 16 in 65949a3

"react": "^16.3.1",

Shouldn't geotiff.js module be in package.json?

renderData2d not working

If I try to use renderData2d via renderutil.js, none of the images display and I get console errors.

export function renderData(canvas, ...args) {
  // TODO: prefer rendering via webgl
  // const gl = create3DContext(canvas);
  if (false) {
    // return renderDataWebGl(canvas, gl, ...args);
    return webGLRenderer.render(canvas, ...args);
  }
  return renderData2d(canvas, ...args);
}

Errors:

mapview.jsx?a81a:196 Uncaught (in promise) TypeError: Cannot read property 'ProjectedCSTypeGeoKey' of undefined
    at MapView._callee4$ (mapview.jsx?a81a:196)
    at tryCatch (runtime.js?f3a2:65)
    at Generator.invoke [as _invoke] (runtime.js?f3a2:303)
    at Generator.prototype.<computed> [as next] (runtime.js?f3a2:117)
    at step (mapview.jsx?a81a:22)
    at eval (mapview.jsx?a81a:22)
_callee4$ @ mapview.jsx?a81a:196
tryCatch @ runtime.js?f3a2:65
invoke @ runtime.js?f3a2:303
prototype.<computed> @ runtime.js?f3a2:117
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
Promise.then (async)
step @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
eval @ mapview.jsx?a81a:22
addSceneLayer @ mapview.jsx?a81a:240
addSceneLayer @ react-hot-loader.development.js?c2cb:717
componentDidUpdate @ mapview.jsx?a81a:99
componentDidUpdate @ react-hot-loader.development.js?c2cb:707
commitLifeCycles @ react-dom.development.js?61bb:19835
commitLayoutEffects @ react-dom.development.js?61bb:22803
callCallback @ react-dom.development.js?61bb:188
invokeGuardedCallbackDev @ react-dom.development.js?61bb:237
invokeGuardedCallback @ react-dom.development.js?61bb:292
commitRootImpl @ react-dom.development.js?61bb:22541
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?61bb:11039
commitRoot @ react-dom.development.js?61bb:22381
finishSyncRender @ react-dom.development.js?61bb:21807
performSyncWorkOnRoot @ react-dom.development.js?61bb:21793
eval @ react-dom.development.js?61bb:11089
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?61bb:11039
flushSyncCallbackQueueImpl @ react-dom.development.js?61bb:11084
flushSyncCallbackQueue @ react-dom.development.js?61bb:11072
scheduleUpdateOnFiber @ react-dom.development.js?61bb:21199
enqueueSetState @ react-dom.development.js?61bb:12639
Component.setState @ react.development.js?72d0:471
onStateChange @ connectAdvanced.js?fe33:207
onStateChange @ react-hot-loader.development.js?c2cb:717
dispatch @ createStore.js?61ed:173
eval @ index.js?b083:11
dispatch @ applyMiddleware.js?05f2:35
_callee$ @ index.js?05c2:132
tryCatch @ runtime.js?f3a2:65
invoke @ runtime.js?f3a2:303
prototype.<computed> @ runtime.js?f3a2:117
step @ index.js?05c2:6
eval @ index.js?05c2:6
Promise.then (async)
step @ index.js?05c2:6
eval @ index.js?05c2:6
Promise.then (async)
step @ index.js?05c2:6
eval @ index.js?05c2:6
Promise.then (async)
step @ index.js?05c2:6
eval @ index.js?05c2:6
eval @ index.js?05c2:6
eval @ index.js?05c2:74
eval @ index.js?b083:8
addSceneFromIndex @ add.jsx?552f:18
onClick @ add.jsx?552f:87
callCallback @ react-dom.development.js?61bb:188
invokeGuardedCallbackDev @ react-dom.development.js?61bb:237
invokeGuardedCallback @ react-dom.development.js?61bb:292
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?61bb:306
executeDispatch @ react-dom.development.js?61bb:389
executeDispatchesInOrder @ react-dom.development.js?61bb:414
executeDispatchesAndRelease @ react-dom.development.js?61bb:3278
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?61bb:3287
forEachAccumulated @ react-dom.development.js?61bb:3259
runEventsInBatch @ react-dom.development.js?61bb:3304
runExtractedPluginEventsInBatch @ react-dom.development.js?61bb:3514
handleTopLevel @ react-dom.development.js?61bb:3558
batchedEventUpdates$1 @ react-dom.development.js?61bb:21871
batchedEventUpdates @ react-dom.development.js?61bb:795
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?61bb:3568
attemptToDispatchEvent @ react-dom.development.js?61bb:4267
dispatchEvent @ react-dom.development.js?61bb:4189
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?61bb:11039
discreteUpdates$1 @ react-dom.development.js?61bb:21887
discreteUpdates @ react-dom.development.js?61bb:806
dispatchDiscreteEvent @ react-dom.development.js?61bb:4168
Show 25 more frames
checkSanity.js?db2c:10 Uncaught TypeError: coordinates must be finite numbers
    at checkCoord (checkSanity.js?db2c:10)
    at eval (checkSanity.js?db2c:2)
    at transform (transform.js?5922:17)
    at transformer (core.js?9072:8)
    at inverse (core.js?9072:77)
    at eval (proj.js?256f:248)
    at Object._ol_proj_.getPointResolution (proj.js?256f:92)

Issues on install

Hi
I've hit a couple of errors when following the README, appears some dependencies are deprecated:

Robins-MacBook:cog-explorer robincole$ npm install
npm WARN deprecated [email protected]: Package no longer supported. Contact [email protected] for more info.
npm WARN deprecated [email protected]: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
npm WARN deprecated [email protected]: CircularJSON is in maintenance only, flatted is its successor.

> [email protected] install /Users/robincole/Documents/Github/cog-explorer/node_modules/fsevents
> node install

[fsevents] Success: "/Users/robincole/Documents/Github/cog-explorer/node_modules/fsevents/lib/binding/Release/node-v48-darwin-x64/fse.node" already installed
Pass --update-binary to reinstall or --build-from-source to recompile
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN [email protected] No repository field.

added 1435 packages from 722 contributors and audited 20138 packages in 45.519s
found 0 vulnerabilities

Robins-MacBook:cog-explorer robincole$ npm run build

> [email protected] build /Users/robincole/Documents/Github/cog-explorer
> rm dist/* ; webpack --config webpack.conf.js; cp -R images/ index.html dist/

rm: dist/images: is a directory
/Users/robincole/Documents/Github/cog-explorer/node_modules/webpack-cli/bin/config-yargs.js:89
				describe: optionsSchema.definitions.output.properties.path.description,
				                                          ^

TypeError: Cannot read property 'properties' of undefined
    at module.exports (/Users/robincole/Documents/Github/cog-explorer/node_modules/webpack-cli/bin/config-yargs.js:89:47)
    at /Users/robincole/Documents/Github/cog-explorer/node_modules/webpack-cli/bin/webpack.js:60:27
    at Object.<anonymous> (/Users/robincole/Documents/Github/cog-explorer/node_modules/webpack-cli/bin/webpack.js:515:3)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
Robins-MacBook:cog-explorer robincole$

some url can not been load.

I visit the cog-explorer, and test with the url,
but got an error

Decoder Worker Missing - 404

seems something is missing or maybe some other hiccup
404 of: https://geotiffjs.github.io/cog-explorer/decoder.worker.js

Don't adjust center and zoom when set in URL

Image extent problem (image displays past upper extent)

I have an image that displays above its top extent (displays up to ~32.97 latitude). The red box on the attached PNG shows the actual extent of the COG image.

The image is not intended to be accurate other than we are trying to place it on the map exactly at its given extent (below).

Can you help me figure why it's stretched vertically past its top extent? Is it an issue with the COG or OpenLayers or geotiff.js? Any ideas would help!

CRS EPSG:4326 - WGS 84 - Geographic
Extent -117.2711384035416700,32.0131293389838092 : -116.0716147685235882,32.8232321947105632

LaJolla-CA COG image

guidance on /undefined url or decoder missing

hi team, i tried the explorer today and i'm a bit stuck on the interaction with our cogs.

I wonder if you have some guidance on how to debug the issue, does the explorer have some extended logging modus?

I was testing with this cog
https://dev-files.isric.org/soilgrids/latest/data_aggregated/1000m/sand/sand_30-60cm_mean_1000.tif

i noticed the initial head and range requests are successfull, but the 4th request is:
https://geotiffjs.github.io/cog-explorer/undefined. Something wrong with the COG? It is generated from gdal. What is the best approach to validate cogs?
In console i got an error that decoder.worker.js is missing, i noticed a lot of discussion on this topic elsewhere, is it relevant or related to a problem in COG?

Thanks for sharing your ideas, paul.

Update backround map to 2019 version

update background layer pretty explanatory

does mapview.jsx code read internal overviews?

Does the code that reads the GeoTIFF in mapview.jsx read internal overviews given it doesn't use the resX resY parameters? I see that it seems to read external .ovr files (if available) but is cog-explorer able to read data from the appropriate internal overview rather than always using the full resolution original image?

How use with Open Layers 6

Hi! Thx for this project to test geotiffjs with ol.

I try to run code from github and its ok! (ol v4)
But then I upgrade ol to latest version (v6) my tiff image displayed wrong. There are no errors in the console. (yes, i renamed imports like import Tile from 'ol/tile'; -> import Tile from 'ol/Tile';)

I'm not as well versed in the depths ol. Why did it break? can someone tell me how to fix it)

open layers 4.6.5

open layers 6.1.1

16Bit can not display

I found that cog-explorer can not display 16bit images ,it displayed black image

Show warning when image cannot be loaded

Give an indication to the user when an image cannot be loaded for example because of missing CORS headers.

geotiff/src/main does not exist

import { fromUrl } from 'geotiff/src/main';

but geotiff/src/main does not exist in node modules

this is the error I am getting

ERROR in ./src/actions/scenes/index.js
Module not found: Error: Can't resolve 'geotiff/src/main' in 'cog-explorer/src/actions/scenes'

Add band selection to the URL

Adjust also zoom when new image is loaded

It seems currently only the center is updated when a new image is loaded. I'd propose to also update the zoom to the first one covering the whole image extent.