50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T9cb,

Google Maps Widget

The Google Maps Widget is a powerful and flexible Google Maps component built specifically for Framer. It lets you easily add interactive maps to your website, customise the map experience, and control how visitors interact with your locations — all through simple Framer properties.

Key Features

Fully Customizable - Customise the map, information card, colours, borders, radius, and overall appearance to match your website design.

Advanced Map Controls - Enable or disable zoom, scrolling, dragging, fullscreen, rotation, scale, and other map interactions.

Custom Markers - Add custom locations and markers to highlight businesses, offices, stores, events, or any important location.

Map Type Control - Choose the map style that works best for your project and give users control over the map experience.

Street View Support - Enable Street View functionality when you want visitors to explore locations in more detail.

Zoom & Scroll Controls - Give users a smooth and intuitive way to navigate around the map.

Fullscreen Support - Allow visitors to open the map in fullscreen mode for a better viewing experience.

Custom Info Card - Display location information with a fully customizable information card, including background, text colours, accent colour, width, and border radius.

Flexible Map Styling

You can customise the visual appearance of the map and information card to match your brand.

Change the accent colour, background, text colours, border radius, card width, and other styling options directly in the Framer property panel.

Perfect for

Business websites
Location directories
Restaurants & cafés
Real estate websites
Event venues
Store locators
Agency websites
Service-area websites
Portfolio websites

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: siteqodetechnology@gmail.com

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-29835823-d879-42cb-8614-b61552414dfe-all:/unified/creator/29835823-d879-42cb-8614-b61552414dfe/activity/":[{"data":[{"id":"019fbdad-fd25-750b-896e-d9c4daee4dd6","type":"component.created","target":{"type":"component","id":"FkC0UhyYsqc4eTA0ZUjh","preview":"Google Maps Widget","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29835823-d879-42cb-8614-b61552414dfe/019fbdab-93d3-7225-a82e-76aa2bc28b7a.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29835823-d879-42cb-8614-b61552414dfe","name":"SiteQode Technology","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2644266/_nQVvX1uc-WIhxH8fDW0FP4m6sdg0EoYY03fM3vc","slug":"siteqode-technology","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-01T14:15:24.197Z","latestAt":"2026-08-01T14:15:24.197Z"},{"id":"019fb53a-6db6-7510-a399-65a1a2093985","type":"component.created","target":{"type":"component","id":"GuVqBjnwSPBoSsmhqmyf","preview":"Google Map Embed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29835823-d879-42cb-8614-b61552414dfe/019fb538-7e1c-776e-9b0b-0761b11372d5.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29835823-d879-42cb-8614-b61552414dfe","name":"SiteQode Technology","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2644266/_nQVvX1uc-WIhxH8fDW0FP4m6sdg0EoYY03fM3vc","slug":"siteqode-technology","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-30T22:52:13.110Z","latestAt":"2026-07-30T22:52:13.110Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:29835823-d879-42cb-8614-b61552414dfe:/unified/posts/?creator=29835823-d879-42cb-8614-b61552414dfe&with=reposts":[{"data":[{"id":"019fbdad-fbb6-7496-91a4-11ad5ffcf3fc","title":null,"body":"

Introducing our Google Maps Widget for Framer — a clean, flexible, and production-ready component designed to make map integration simple.

Built with a modern interface and customizable settings, it’s ideal for landing pages, business websites, contact sections, and location-based projects.

Available now for purchase.

#Framer #FramerComponents #FramerDesign #FramerResources #WebDesign #WebDevelopment #UIDesign #GoogleMaps #WebsiteComponents #NoCode

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing our Google Maps Widget for Framer — a clean, flexible, and production-ready component designed to make map integration simple."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with a modern interface and customizable settings, it’s ideal for landing pages, business websites, contact sections, and location-based projects."}]},{"type":"paragraph","content":[{"type":"text","text":"Available now for purchase."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerComponents #FramerDesign #FramerResources #WebDesign #WebDevelopment #UIDesign #GoogleMaps #WebsiteComponents #NoCode"}]}]},"author":{"framerUserId":"29835823-d879-42cb-8614-b61552414dfe","name":"SiteQode Technology","slug":"siteqode-technology","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2644266/_nQVvX1uc-WIhxH8fDW0FP4m6sdg0EoYY03fM3vc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"FkC0UhyYsqc4eTA0ZUjh","resolved":true,"title":"Google Maps Widget","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Google Maps Widget"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"The Google Maps Widget is a powerful and flexible Google Maps component built specifically for Framer. It lets you easily add interactive maps to your website, customise the map experience, and control how visitors interact with your locations — all through simple Framer properties."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable - ","marks":[{"type":"bold"}]},{"type":"text","text":"Customise the map, information card, colours, borders, radius, and overall appearance to match your website design."}]},{"type":"paragraph","content":[{"type":"text","text":"Advanced Map Controls - ","marks":[{"type":"bold"}]},{"type":"text","text":"Enable or disable zoom, scrolling, dragging, fullscreen, rotation, scale, and other map interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Markers - ","marks":[{"type":"bold"}]},{"type":"text","text":"Add custom locations and markers to highlight businesses, offices, stores, events, or any important location."}]},{"type":"paragraph","content":[{"type":"text","text":"Map Type Control - ","marks":[{"type":"bold"}]},{"type":"text","text":"Choose the map style that works best for your project and give users control over the map experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Street View Support - ","marks":[{"type":"bold"}]},{"type":"text","text":"Enable Street View functionality when you want visitors to explore locations in more detail."}]},{"type":"paragraph","content":[{"type":"text","text":"Zoom & Scroll Controls - ","marks":[{"type":"bold"}]},{"type":"text","text":"Give users a smooth and intuitive way to navigate around the map."}]},{"type":"paragraph","content":[{"type":"text","text":"Fullscreen Support - ","marks":[{"type":"bold"}]},{"type":"text","text":"Allow visitors to open the map in fullscreen mode for a better viewing experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom Info Card - ","marks":[{"type":"bold"}]},{"type":"text","text":"Display location information with a fully customizable information card, including background, text colours, accent colour, width, and border radius."}]},{"type":"customHeading","content":[{"type":"text","text":"Flexible Map Styling"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"You can customise the visual appearance of the map and information card to match your brand."}]},{"type":"paragraph","content":[{"type":"text","text":"Change the "},{"type":"text","text":"accent ","marks":[{"type":"bold"}]},{"type":"text","text":"colour, background, text colours, border radius, card width, and other styling options directly in the Framer property panel."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Business websites "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Location directories"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Restaurants & cafés"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real estate websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event venues "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Store locators"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency websites "}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Service-area websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio websites"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Notes","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"This is a digital product. Due to the nature of Framer components, all sales are final and non-refundable."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"If you need help or have questions, feel free to reach out."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Contact: ","marks":[{"type":"bold"}]},{"type":"text","text":"siteqodetechnology@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:siteqodetechnology@gmail.com","target":"_blank"}}]}]},{"type":"paragraph"}]},"introduction":"Simple to add. Easy to customize.","slug":"google-maps-widget","author":{"framerUserId":"29835823-d879-42cb-8614-b61552414dfe","name":"SiteQode Technology","slug":"siteqode-technology","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2644266/_nQVvX1uc-WIhxH8fDW0FP4m6sdg0EoYY03fM3vc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29835823-d879-42cb-8614-b61552414dfe/019fbdab-93d3-7225-a82e-76aa2bc28b7a.jpg","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-01T14:15:23.393Z","updatedAt":"2026-08-15T05:32:09.691Z","publishedAt":"2026-08-01T14:15:23.390Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://googlemap-widget.framer.website/","price":"14","paymentUrl":"https://contra.com/payment-link/2IfKBLKF-google-maps-widget-simple-to-add-easy-to-customize","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"fcGupbQWlDV3U5narUIn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-01T14:15:23.830Z","updatedAt":"2026-08-01T14:15:23.830Z"},{"id":"019fb53a-6c2a-70f5-967c-bf0bc2472e54","title":null,"body":"

Title: Google Map Embed

Post text: A simple and responsive Google Map component for Framer 🗺

Add any location, customize the map type, adjust zoom, and control the border radius — all without writing extra code.

Free to use. ✨

#Framer #FramerComponent #GoogleMaps #WebDesign #FreeComponent

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Title:","marks":[{"type":"bold"}]},{"type":"text","text":" Google Map Embed"}]},{"type":"paragraph","content":[{"type":"text","text":"Post text:","marks":[{"type":"bold"}]},{"type":"text","text":" A simple and responsive Google Map component for Framer "},{"type":"emoji","attrs":{"name":"world_map","emoji":"🗺"}}]},{"type":"paragraph","content":[{"type":"text","text":"Add any location, customize the map type, adjust zoom, and control the border radius — all without writing extra code."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use.","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerComponent #GoogleMaps #WebDesign #FreeComponent"}]}]},"author":{"framerUserId":"29835823-d879-42cb-8614-b61552414dfe","name":"SiteQode Technology","slug":"siteqode-technology","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2644266/_nQVvX1uc-WIhxH8fDW0FP4m6sdg0EoYY03fM3vc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"GuVqBjnwSPBoSsmhqmyf","resolved":true,"title":"Google Map Embed","body":"

A simple and responsive Google Map component designed to help you quickly add locations to your Framer websites. Add your address, configure the map, and customise its appearance directly from the property panel.

Use cases:

Contact & location sections
Business websites
Restaurant & store locations
Office & service locations
Event venue pages

Features:

Responsive Google Map embed
Address & zoom controls
Standard & satellite map types
Optional grayscale effect
Adjustable border radius
Built for Framer, ready to drop into projects

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A simple and responsive Google Map component designed to help you quickly add locations to your Framer websites. Add your address, configure the map, and customise its appearance directly from the property panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Use cases:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact & location sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Business websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Restaurant & store locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Office & service locations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Event venue pages"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Google Map embed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Address & zoom controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Standard & satellite map types"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional grayscale effect"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built for Framer, ready to drop into projects"}]}]}]}]},"introduction":"Embed maps with ease and style.","slug":"google-map-embed","author":{"framerUserId":"29835823-d879-42cb-8614-b61552414dfe","name":"SiteQode Technology","slug":"siteqode-technology","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2644266/_nQVvX1uc-WIhxH8fDW0FP4m6sdg0EoYY03fM3vc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29835823-d879-42cb-8614-b61552414dfe/019fb538-7e1c-776e-9b0b-0761b11372d5.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-30T22:52:12.317Z","updatedAt":"2026-07-30T22:52:12.317Z","publishedAt":"2026-07-30T22:52:12.313Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/GoogleMapEmbed-1PcT1m.js@w3sxNjO9FeiTIZ6c6Mhm","previewUrl":"https://googlemapembed.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"w3sxNjO9FeiTIZ6c6Mhm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-30T22:52:12.715Z","updatedAt":"2026-07-30T22:52:12.715Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]