Repository files navigation

https://medium.com/@zubazor/visualizing-a-mountain-using-three-js-landsat-and-srtm-26275c920e34

• DEM(Digital Elevation Model) and satellite image data is downloaded fromUSGS
• ASTER and LANDSAT satellite's data is used.
• Geotiff files generated using QGISQGIS

git clone git@github.com:orabazu/threejs-dem-visualizer.gitcd threejs-dem-visualizeryarn install

Generate all js/css bundles

yarn build

Developement

yarn start

Go tolocalhost:8080 to see your project live!

Skeleton of the code is built onhttps://github.com/jackdbd/threejs-es6-webpack-starter project. I added some css for loading since reading geotiff files take time. If you have problems on build better to follow original instructions.

Demo ofjonathanlurie 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