geotiffjs / cog-explorer Goto Github PK
View Code? Open in Web Editor NEWgeotiff.js application highlighting the cloud optimized GeoTIFF capabilities of the libray.
Home Page: https://geotiffjs.github.io/cog-explorer/
License: MIT License
geotiff.js application highlighting the cloud optimized GeoTIFF capabilities of the libray.
Home Page: https://geotiffjs.github.io/cog-explorer/
License: MIT License
Line 16 in 65949a3
Shouldn't geotiff.js module be in package.json?
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)
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$
I visit the cog-explorer, and test with the url,
but got an error
404
of: https://geotiffjs.github.io/cog-explorer/decoder.worker.jsI 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
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
Thanks for sharing your ideas, paul.
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?
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)
I found that cog-explorer can not display 16bit images ,it displayed black image
Give an indication to the user when an image cannot be loaded for example because of missing CORS headers.
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'
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.