https://github.com/incubated-geek-cc/sg-hdb-building-layer-in-3d

A data repository which contains spatial datasets of Singapore's HDB Building Layer. 2D Map Layer is rendered in Mapbox as a 3D building model via extrusion.
https://github.com/incubated-geek-cc/sg-hdb-building-layer-in-3d

3d demo geospatial webgl

Last synced: about 5 hours ago
JSON representation

A data repository which contains spatial datasets of Singapore's HDB Building Layer. 2D Map Layer is rendered in Mapbox as a 3D building model via extrusion.

• Host: GitHub
• URL: https://github.com/incubated-geek-cc/sg-hdb-building-layer-in-3d
• Owner: incubated-geek-cc
• Created: 2021-10-08T07:00:09.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-12T13:04:06.000Z (over 1 year ago)
• Last Synced: 2024-01-29T14:46:29.618Z (10 months ago)
• Topics: 3d, demo, geospatial, webgl
• Language: CSS
• Homepage: https://sg-hdb-building-layer-in-3d.onrender.com/
• Size: 83.7 MB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  


  # 🏙️ SG HDB Building Layer in 3D

  ### 🛠️ Uses 2D GeoJSON with data height information and extrusion in MapboxGL.

**Built with Mapbox and HTML5, CSS and JavaScript.**



### 👀 Preview



### 🌟 Try it yourself

[**Live Demo :: Link**](https://sg-hdb-building-layer-in-3d.onrender.com/)




[**Live Demo :: Backup-Link**](https://sg-hdb-building-layer-in-3d.glitch.me/)

### ✍ Read related post here

[**Article :: Link :: Render 3D Buildings in Geospatial WebGL Visualisations**](https://towardsdatascience.com/render-3d-buildings-in-geospatial-webgl-visualisations-c5325eadb347)

### 📌 Features





	


		
Auto-complete addresses

		
Zoom in/out

		
Panning

		
Select building to display details

		
Select reset to return to original start point

	





— Join me on 📝 Medium at ~ ξ(🎀˶❛◡❛) @geek-cc


---

#### 🌮 Please buy me a Taco! 😋