# A 3D map of four Brazilian cities, in 2021

> A stylized 3D map of four Brazilian cities to find house condominiums, with interactive markers, a night mode and a helicopter easter egg.

Canonical page: https://andersonmancini.dev/blog/interactive-3d-map-brazil

Published: 2026-09-17 · 1 min read · Tags: three.js, webgl, maps, awwwards, launch

This project was a map of **four entire Brazilian cities**, in 3D, built to show which regions offer house condominiums and let people navigate straight into those communities.

![The 3D map](https://andersonmancini.dev/images/interactive_map.webp)

## Why it was hard

In 2021, rendering a map this complex with Three.js, in the browser, was a real challenge: dense city geometry, interactive markers, map view modes and everything staying responsive.

## Details that made it fun

- **Interactive markers** that lead into the condominiums,
- **map view modes**,
- stylized **birds** in the sky,
- a **night mode**,
- and a **helicopter ride** as an easter egg.

## Recognition

The project later received an **Awwwards Honorable Mention** in November 2023.

## Try it

The map is live at [interactive-map-3d.vercel.app](https://interactive-map-3d.vercel.app/), and the details are on the [project page](https://andersonmancini.dev/projects/3d-map-explorer.md). A later study on the same family of problems is the [New York map](https://andersonmancini.dev/projects/new-york-city-map.md).

## Related projects

- [3D Map Explorer](https://andersonmancini.dev/projects/3d-map-explorer.md) — Awwwards Honorable Mention