---
title: "North America Map — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Mohd Qasim · Maps. Interactive North America Hover Map"
canonical: "https://framer.elliotli.dev/component/north-america-map"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/North America Map

# North America Map

Interactive North America Hover Map

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

![North America Map preview image 1](https://framer.elliotli.dev/og/component/north-america-map/71617702dec54810/1600x1200.jpg)

## Summary

Interactive North America Hover Map

## Description

## 📘 Overview

This Framer code component renders a high-quality interactive political map of North America using real GeoJSON data.

Users can hover over countries to view custom details, highlight selected regions, and fully customize colors, borders, background, and tooltip typography — all without touching code.

It’s fast, responsive, and production-ready.

### Key Features

-   Real SVG map generated from GeoJSON
    
-   Smooth hover highlighting for each country
    
-   Floating tooltip with custom content per country
    
-   Pre-select and highlight countries
    
-   Fully customizable colors & fonts
    
-   Lightweight and responsive
    

### Best For

-   Company office location maps
    
-   SaaS region coverage visuals
    
-   Travel & geography websites
    
-   Business expansion pages
    
-   Data visualization dashboards
    
-   Interactive landing pages
    

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

-   All · #9811

## Details

- **Author**: Mohd Qasim
- **Price**: $6.00
- **Published**: 2026-02-15
- **Updated**: 2026-06-16
- **Added**: 2026-02-03
- **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…