---
title: "Advanced Google Map  — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Şafak Otur · Maps. CMS maps with sidebar list & theme"
canonical: "https://framer.elliotli.dev/component/advanced-google-map"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/Advanced Google Map

# Advanced Google Map

CMS maps with sidebar list & theme

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

![Advanced Google Map  preview image 1](https://framer.elliotli.dev/og/component/advanced-google-map/ee90ac63b4d10509/1600x1200.jpg)

## Summary

CMS maps with sidebar list & theme

## Description

The **Advanced Google Map Embed** component gives you full control over Google Maps inside Framer. You can manually add locations or fetch them dynamically from your CMS, customize markers, control zoom levels, and fine-tune map styling — all wrapped in a smooth, Apple-style UI that looks great on every screen size.

With the latest update, managing locations is even more powerful and user-friendly:

### ✨ New Features

-   **Sidebar List View**
    
    Display all markers in a scrollable sidebar alongside the map.
    
-   **Search & Filter**
    
    Let users quickly search markers by title or description.
    
-   **Sort by Distance**
    
    Sort locations based on the user’s current location using browser geolocation.
    
-   **Collapsible Sidebar**
    
    Collapse the sidebar to focus entirely on the map when needed.
    
-   **UI Theme Control**
    
    Choose between **Auto**, **Light**, or **Dark** themes for the sidebar and controls.
    
-   **Geolocation Integration**
    
    Uses browser location data to calculate distances accurately.
    

### Flexible Links per Marker

You can fully customize both the **link** and the **link text** inside each marker.

Add a **Get Directions** link, connect any URL from your CMS, or send users to external pages with ease.

### Perfect for

-   Location directories
    
-   Travel and tour maps
    
-   Real estate listings
    
-   Store locators
    
-   CMS-driven location-based projects
    

### 🔴 Live Demo

See it in action: [https://advanced-google-map-embed-demo.framer.website/](https://advanced-google-map-embed-demo.framer.website/)

### Tutorial

### 📌 Notes

-   This is a digital product. Due to the nature of Framer components, **all sales are final and non-refundable**.
    
-   If you need help or have questions, feel free to reach out.
    

**Contact:** [hello@pin.supply](mailto:hello@pin.supply)

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

-   All · #4474

## Details

- **Author**: Şafak Otur
- **Price**: $14.00
- **Published**: 2025-10-28
- **Updated**: 2026-07-06
- **Added**: 2025-10-12
- **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…