https://github.com/cheeaun/om3d

Demo of Singapore buildings 3D tiles from OneMap on Mapbox GL JS.
https://github.com/cheeaun/om3d

3d 3d-tiles buildings deck-gl map mapbox-gl-js onemap singapore

Last synced: 21 days ago
JSON representation

Demo of Singapore buildings 3D tiles from OneMap on Mapbox GL JS.

• Host: GitHub
• URL: https://github.com/cheeaun/om3d
• Owner: cheeaun
• Created: 2021-10-10T12:13:43.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-10-16T13:05:01.000Z (almost 4 years ago)
• Last Synced: 2025-07-05T14:39:56.024Z (3 months ago)
• Topics: 3d, 3d-tiles, buildings, deck-gl, map, mapbox-gl-js, onemap, singapore
• Language: JavaScript
• Homepage: https://om3d.netlify.app/
• Size: 49.2 MB
• Stars: 14
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Singapore buildings 3D Tiles from OneMap 3D on Mapbox GL JS

===

[![Screenshot of demo site](screenshot.jpg)](https://om3d.netlify.app/)

This is a demo of Singapore buildings 3D tiles from [OneMap 3D](https://www.onemap3d.gov.sg/) on Mapbox GL JS.

Development

---

``` bash

# install dependencies

npm i

# Start local server

npm start

# Download tiles from OneMap to ./tiles/*

# Roughly 700-800 MB

npm run fetch-tiles

# Generate optimized tiles into ./optimized-tiles/*

# Roughly 50-60 MB

npm run optimize-tiles

```

This uses [Deck.gl](https://deck.gl/)'s [Tile3DLayer](https://deck.gl/docs/api-reference/geo-layers/tile-3d-layer) to render [3D Tiles](https://www.opengeospatial.org/standards/3DTiles).

The files in `./tiles` and `./optimized-tiles/*.glb` are excluded from this repository because they takes up too much space and unnecessary for this demo.

Copyright

---

@ [SLA](https://www.sla.gov.sg/) @ [OneMap](https://www.onemap.gov.sg/legal/termsofuse.html)