Giter VIP home page Giter VIP logo

viewshed-peaks's Introduction

Viewshed from Peaks of Hong Kong

Build and Deploy

A web map application for computeing and investigating visible areas from the peaks (and more) in Hong Kong.

CHECK THE WEB APPLICATION

Overview

How much of the city you can see from the peaks?

This project is an interactive 3D web map for viewers to explore where they can see from the peaks of Hong Kong. The web map calculate the visible area (viewshed) from any point the user clicked on the map.

In addition, the user can select their own visible range when computing the viewshed so as to imitate the visible range during different weather. The current visibility are also available in the webpage for users' reference (data provided by API of Hong Kong Observatory).

Feature Highlights

Compute and show viewshed on the web app

Explore viewshed area on the 3D map

Foldable sidebar for full-screen view of the 3D map

How to Use

Explore the peaks

  1. Drag and wander around the 3D map and investigate the topography.
  2. Click on the points where a hill symbol exists
  3. A popup table will appear on the map, showing the details of that peak

Check visible area from peaks

  1. Click on the peaks (or any other places you like). A red pin will appear on the place you clicked.
  2. The application will then compute the visible area (viewshed in jargon) from that point. The white grids appears on the map shows the area visible from the centre.
  3. Drag the slider to set your desired visibility (1-20km) to simulate how far you can see from the centre.

Caveat

The spatial resolution of the visible area computed is 50 m. Digital elevation model (DTM) used for computing viewshed is available on Lands Department. Accuracy of data and results are not guaranteed.

Note

this is the version 2.0 of the viewshed-from-peaks web map application. The old version is available at https://github.com/KHwong12/HK_Peaks.


Build the app locally

TODO

viewshed-peaks's People

Contributors

dependabot[bot] avatar imgbotapp avatar khwong12 avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

kerbstone52

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.