https://github.com/cheeaun/photorealistic-3d-deckgl

Deck.GL with Google Maps Photorealistic 3D Tiles demo - lighting with shadows and post-processing effects
https://github.com/cheeaun/photorealistic-3d-deckgl

3d-tiles deck-gl googlemaps googlemaps-api photorealistic-3d

Last synced: 5 months ago
JSON representation

Deck.GL with Google Maps Photorealistic 3D Tiles demo - lighting with shadows and post-processing effects

• Host: GitHub
• URL: https://github.com/cheeaun/photorealistic-3d-deckgl
• Owner: cheeaun
• Created: 2023-05-14T12:04:09.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-11-17T03:01:28.000Z (over 2 years ago)
• Last Synced: 2025-06-08T17:40:03.509Z (about 1 year ago)
• Topics: 3d-tiles, deck-gl, googlemaps, googlemaps-api, photorealistic-3d
• Language: HTML
• Homepage: https://cheeaun.github.io/photorealistic-3d-deckgl/
• Size: 551 KB
• Stars: 40
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Deck.GL with Google Maps Photorealistic 3D Tiles demo - lighting with shadows and post-processing effects

===

https://github.com/cheeaun/photorealistic-3d-deckgl/assets/2296/0f7ee2fc-f0c1-47bd-9fc5-43c5399a6b4a

This demo shows how to use [Google Maps Photorealistic 3D Tiles](https://cloud.google.com/blog/products/maps-platform/create-immersive-3d-map-experiences-photorealistic-3d-tiles) with [deck.gl](https://deck.gl) to create a 3D map with lighting, shadows, and post-processing effects.

Technical details

---

Run a local server to serve this folder.

E.g. for Node.js, run `npx serve` and open the site in a browser.

Resources

---

- [Work with a 3D tile renderer: Deck.GL](https://developers.google.com/maps/documentation/tile/use-renderer#work_with_deckgl)

- [Deck.GL: SunLight](https://deck.gl/docs/api-reference/core/sun-light)

- [Deck.GL: PostProcessEffect](https://deck.gl/docs/api-reference/core/post-process-effect)