---
title: "3D Map — Free Framer component · Best of Framer"
description: "Free Framer component · by Bhargav · Maps. Interactive 3D globe map widget"
canonical: "https://framer.elliotli.dev/component/3d-map"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/3D Map

# 3D Map

Interactive 3D globe map widget

[View on Framer](https://framer.com/marketplace/components/3d-map/?via=elliot-li)

![3D Map preview image 1](https://framer.elliotli.dev/og/component/3d-map/5bcad41e7e023ab6/1600x1200.jpg)

## Summary

Interactive 3D globe map widget

## Description

## Map3D

**An interactive 3D globe and map for Framer that lets visitors search any location, smoothly fly across the world, and seamlessly transition from a rotating globe to a detailed map as they zoom in.**

MapExplorerGlobe works right out of the box with free map data—no API key required—or you can connect your own Mapbox access token for premium styles and rendering.

Choose between two providers:

-   **Free:** Powered by MapLibre with Streets, Satellite, Dark, Light, Terrain, and Voyager styles.
    
-   **Mapbox:** Supports Streets, Satellite Streets, Outdoors, Light, Dark, Navigation Day, and Navigation Night.
    

Visitors can search for places or enter coordinates, instantly flying to the selected location with a dropped pin. A built-in **Locate Me** button centers on the user's current location, while **Reset View** returns to the default globe.

The interactive **3D globe** features a subtle atmosphere effect and optional idle auto-rotation that pauses during interaction. You can also disable globe mode for a permanent flat map or choose whether the component opens on the globe or a default location.

Clicking a pin opens a floating location card with the place name, address, optional image, phone number, and email. The card stays attached to the pin as the map moves and supports clickable phone and email links.

Everything is customizable from Framer's Properties panel, including pin and accent colors, corner radius, default location and zoom, plus toggles for the search bar, style switcher, locate button, reset button, coordinate display, and location card.

The component includes a fixed **450 × 350** default size to ensure it always displays correctly when added to your canvas.

Perfect for landing pages, contact sections, travel sites, real estate listings, portfolios, and any project that needs a modern, interactive map experience.

## Rank history [How rankings work →](/terms#rankings)

-   All · #3177

## Details

- **Author**: Bhargav
- **Published**: 2026-07-09
- **Updated**: 2026-07-09
- **Added**: 2026-07-09
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…