ai-agent

Flask-GoogleMaps: Seamlessly embed interactive maps in your Flask app

Add Google Maps to any Flask project in minutes—perfect for founders who need location features without hand‑coding the API.

From the repo · “Easy way to add GoogleMaps to Flask applications. maintainer: @getcake”

655 stars193 forksPythonGuide quality 9/10 · reviewed Oct 21Updated 5/30/2024100% free · open source
What it does

Flask-GoogleMaps allows you to easily integrate Google Maps into your Flask web application

When to use it
  • •When you need to display location-based data on a map in your Flask app
  • •When you want to provide directions or geolocation services to your users
  • •When you need to visualize geographic data, such as store locations or delivery areas
Ready-to-paste prompt
Map(map = Map(identifier='map', lat=37.4419, lng=-122.1419, markers=[(37.4419, -122.1419)], zoom=15, maptype='TERRAIN'))
Heads up: You need a valid Google Maps API key to use Flask-GoogleMaps, which requires a Google Cloud account and enabling the Google Maps JavaScript API
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

🔑 Needs an API key

Works after you add credentials — the setup agent will ask you for them.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/flask-googlemaps && curl -fsSL https://workflowstacks.com/api/skills/flask-googlemaps/claude-skill -o ~/.claude/skills/flask-googlemaps/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Flask-GoogleMaps: Seamlessly embed interactive maps in your Flask app works
Codeflow
Free to inspect

Flask-GoogleMaps: Seamlessly embed interactive maps in your Flask app is a small Python project (~1.6k lines across 6 code files, plus 3 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 29 months ago, MIT license, has a test suite.

Size
Small codebase
~1.6k lines · 6 code files · 14 min skim
Setup
One-command install
Installs like a normal app. Reading the code is optional.
Runs on
Python
No API keys detected
Python 77%HTML 22%Makefile 1%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    pyproject.toml
    Dependencies and the commands it exposes
  3. 3
    flask_googlemaps/__init__.py
    Inside flask_googlemaps/ — the main logic begins here
  4. 4
    examples/dark_mode.json
    A worked example — copy this to get going
What's in each folder
flask_googlemaps/Core code — the actual logic7 files
examples/Examples you can copy16 files
docs/Documentation5 files
.github/CI / automation (GitHub Actions)4 files
tests/Tests — proof it works1 files
READMEHas testsDocumentedCI checksExamples includedMIT licenseLast update 29 mo ago
Quick Actions
Details
Creator
flask-extensions
Language
Python
Category
ai-agent
Published
11/21/2013

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/flask-googlemaps.svg)](https://workflowstacks.com/skills/flask-googlemaps?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.