validateschema
error when running yarn dev
, try downgrading webpack-cli
to 2.0.0
. It seems a bug that affects only webpack-dev-server.
https://medium.com/@zubazor/visualizing-a-mountain-using-three-js-landsat-and-srtm-26275c920e34
- DEM(Digital Elevation Model) and satellite image data is downloaded from USGS
- ASTER and LANDSAT satellite's data is used.
- Geotiff files generated using QGIS QGIS
git clone git@github.com:zhunor/threejs-geotiff-visualizer.git
cd threejs-geotiff-visualizer
yarn install
Generate all js/css bundles
yarn build
Run webpack-dev-server
(all bundles will be served from memory)
yarn dev
Go to localhost:8080
to see your project live!
Skeleton of the code is built on https://github.com/jackdbd/threejs-es6-webpack-starter project. I add some css for loading since reading geotiff files take time. If you have problems on build better to follow original instructions.
Demo of jonathanlurie and [mapmasters] (http://blog.mastermaps.com/2013/10/terrain-building-with-threejs.html) were realy helpfull to understand the logic of DEM to three.js convertion