Back to Plugins
Google Maps - Map Maker (free)

Google Maps - Map Maker (free)

Add a Google Map to your pages in 2 easy clicks :)

mappingmap makergeolocationgeographymaplocationgoogle mapsmapper

Plugin Preview

Google Maps - Map Maker (free) preview

About this plugin

Add a Google Map (with 20 styles) to your Figma Documents!


Map Maker is a free tool for Figma to help you add a Google Map to any of your pages. Just search for the part of the world, choose a style (over 20 to choose from), and whether you want it to be road map, satellite view etc. Here are more details:


👋🏻 First things first:

  1. 100% free: no payment or fees required
  2. All themes and settings are available at no charge


🔎 Search for the exact location:

  1. Easy search: just enter the name of the city or region
  2. The search works as it does on Google Maps: you can search for cities, countries, towns, villages, monuments, regions, businesses or addresses


🎨 Choose a theme:

  1. There are 20 themes available to style your map the way you want
  2. This includes the default style for Google Maps


🚗 Choose the map type:

  1. You can choose from four (4) map types: road map, satellite, terrain and hybrid
  2. Each map type works with the themes (although you won't always see the difference with Satellite mode)


📸 Choose hi-fidelity maps:

  1. Choose the "Detailed View" option to have higher-quality maps, with more detail on them (e.g. road names, street names, etc)


🤔 More:

  1. You will always see a preview of what your map will look like before you insert it
  2. You can use your mouse to drag the map around
  3. The search has autocomplete to help you find the right spot
  4. This plugin will remember what you last searched for and your settings so that each time you open it up, you'll be right where you left off


🔗 References:

  1. Some of themes and styles come from the open source project Snazzy Maps: https://snazzymaps.com/


🛟 Feedback:

  1. We'd love any ideas or questions you have: [email protected]
  2. Leave a comment if you want to tell people how great this plugin is


🎉🎉🎉

Plugin Details

Version41
CreatedMarch 29, 2024
Last UpdatedDecember 24, 2024
CategoryImport & export plugins
CreatorBerry
Stats9294 installs, 543 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:{"main": "static/html/main.html", "css.main": "static/css/main.css", "js.mapMaker": "static/js/MapMaker.js", "js.utils.aws": "static/js/utils/AWS.js", "js.utils.tab": "static/js/utils/Tab.js", "js.utils.auth": "static/js/utils/Auth.js", "js.utils.copy": "static/js/utils/Copy.js", "js.utils.data": "static/js/utils/Data.js", "js.utils.font": "static/js/utils/Font.js", "js.utils.figma": "static/js/utils/Figma.js", "js.utils.modal": "static/js/utils/Modal.js", "js.utils.state": "static/js/utils/State.js", "css.shared.tabs": "static/css/shared/tabs.css", "js.utils.config": "static/js/utils/Config.js", "js.utils.string": "static/js/utils/String.js", "js.utils.element": "static/js/utils/Element.js", "js.utils.payment": "static/js/utils/Payment.js", "js.utils.request": "static/js/utils/Request.js", "css.shared.footer": "static/css/shared/footer.css", "css.shared.global": "static/css/shared/global.css", "css.shared.header": "static/css/shared/header.css", "css.shared.inputs": "static/css/shared/inputs.css", "css.shared.modals": "static/css/shared/modals.css", "css.vendors.reset": "static/vendors/source/external/reset.css/v2.0/reset.min.css", "js.utils.function": "static/js/utils/Function.js", "css.shared.buttons": "static/css/shared/buttons.css", "css.shared.helpers": "static/css/shared/helpers.css", "js.utils.analytics": "static/js/utils/Analytics.js", "js.utils.debugging": "static/js/utils/Debugging.js", "css.shared.tooltips": "static/css/shared/tooltips.css", "js.utils.googleMaps": "static/js/utils/GoogleMaps.js", "css.shared.scrollbars": "static/css/shared/scrollbars.css", "js.vendors.external.tippy": "static/vendors/source/external/tippy/v6.3.7/tippy-bundle.umd.min.js", "js.vendors.external.popper": "static/vendors/source/external/popperjs/v2.11.5/popper.min.js", "js.vendors.external.mixpanel": "static/vendors/source/external/mixpanel-figma/v2.0.4/mixpanel-patched.js", "js.vendors.external.sentry-javascript": "static/vendors/source/external/sentry-javascript/v7.105.0/bundle.min.js"}
  • main:static/js/main.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://*.amazonaws.com/
    • https://*.berryplugins.com/
    • https://*.cloudfront.net/
    • https://*.googleapis.com/
    • https://*.gstatic.com/
    • https://*.gumroad.com/
    • https://*.mixpanel.com/
    • https://*.sentry.io/