Skip to content

Zone In: A web map application for users to interactively explore and investigate the distribution of land use zonings in Hong Kong

Notifications You must be signed in to change notification settings

KHwong12/OZP_buffer_stat

Repository files navigation

Zone In: Query zonings within neighbourhood

pages-build-deployment

CHECK THE WEB APPLICATION

Zone In is a web map application for users to interactively explore the land use zonings in Hong Kong and investigate the distribution of zonings in the proximity in any areas.

Zone in is useful to you when:

  • You would like to do a quick exploratory analysis about the land use composition of a specific project site
  • You want to check the percentage of land zoned as residential within certain distance (say, 400 m) away from a building
  • You want to check the gazette date of a specific piece of zoning
  • ... and more

Feature Highlights

  • Draw any geometries for any area of interested/study areas
  • Instantly compute the total area and percentage of total of various land uses within given distance
  • Immediate summary data visualidation

Overview

TODO

Example Usage

TODO

How to Use

Check zonings within specific area

  1. Go to any area you would like to investigate
  2. Draw a geometry
  3. Select the desired buffer distance
  4. The application will then compute the area of each selected zoning type and visualise the proportions as charts

Query zonings

  1. Clicking on any zoning piece
  2. A pop-up will show on the map, including details of that zone like full zoning name, respective plan number and gazette date

Issues

TODO

Licensing

TODO

Caveats

Only zonings on land are shown and included in the calculation of OZP area. Zonings on water like following are excluded:

  • Marine Basin (in H24)
  • Typhoon Shelter (in H15, K20, I-CC, etc.)
  • Vessel Anchorage / Sea Channel (in I-SKC)
  • River Channel (in ST, I-TOTC, etc.)
  • Nullah (in K15, etc.)
  • Inlet (in I-NEL)

Usage for Developers

To locally build and preview this website, follow the steps below.

  1. Clone this project

    git clone https://github.com/KHwong12/OZP_buffer_stat.git
  2. Make sure npm and node.js are installed in your machine

  3. At project root folder, install the npm dependencies

    npm install
  4. Run this project on local server

    npm run dev

About

Zone In: A web map application for users to interactively explore and investigate the distribution of land use zonings in Hong Kong

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published