↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login
Get Started
Cyberchimps Logo

Off Canvas Menu

  • Pro
  • Starter Templates
    • Free Templates
    • Premium Templates
  • Pricing
  • Login

Installations & Updates

1
  • How to Install and Activate the Responsive Blocks Addons (RBA) Plugin?

General

7
  • Custom CSS feature in Responsive Blocks
  • Responsive Blocks – Block Presets
  • Responsive conditions
  • Display Conditions Extension
  • Animations Extension
  • Pattern Importer
  • Responsive Blocks plugin- Introduction

Blocks

50
  • Container
  • Feature Grid
  • Progress Bar – Responsive Blocks
  • Accordion Block
  • Video Popup
  • WP Search
  • Tabs
  • Taxonomy List
  • Team
  • Testimonial
  • Testimonial Slider – Responsive Blocks
  • Post And Page Grid
  • Section
  • Shape Divider
  • Social Share
  • Spacer
  • Table Of Contents – Gutenberg Blocks
  • Info Block
  • Inline Notice Block
  • Instagram Feed Block
  • Masonry
  • Multi Buttons
  • Portfolio – Responsive Blocks
  • Post Carousel – Responsive Blocks
  • Post Timeline
  • Pricing List
  • Pricing Table – Responsive Blocks
  • Flip Box
  • Google Map – Responsive Blocks
  • Icon List
  • Image Boxes
  • Image Hotspot – Responsive Blocks
  • Image Slider – Responsive Blocks
  • Count Down
  • Count Up
  • Divider – Gutenberg Blocks
  • Expand/Show More
  • Card
  • Content Timeline
  • Popup Block
  • Image Block
  • Contact Form 7 Styler – Responsive Blocks
  • Advanced Column
  • Advanced Heading
  • Advanced Text
  • Anchor Block
  • Blockquote
  • Call/Mail Button
  • Call To Action – Responsive Blocks
  • Form Blockย 
View Categories
  • Home
  • Docs
  • Responsive Blocks
  • Blocks
  • Google Map – Responsive Blocks

Google Map – Responsive Blocks

Integrate Google Maps into your Gutenberg editor or anywhere on the website. Customize the block and share your business location on your website.

To use the Google Map, the user has to provide a Google Maps API key which the user can get from the Google Maps Platform.

How To Add The Google Map Block

  1. 1.Open a page or a post and click on the plus icon to add a new block and look for the Google Map or you can search for it if it doesnโ€™t pop up quickly for you.
  2. 2.Enter a location or address to drop a pin on a Google map.
Add google map

How To Configure The Google Map Block

To configure the content of your Google Map block, switch to the โ€˜Contentโ€™ tab.

Map Settings

Zoom – Lets you control the details you want to highlight around your location.

Height – Allows you to set the height of the map.

Add map settings

Google Maps API key

Add a Google Maps API key. Updating this API key will set all your maps to use the new key.

Updated on February 26, 2025

What are your Feelings

  • Happy
  • Normal
  • Sad

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Flip BoxIcon List

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Our Products

Responsive Pro

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

GDPR Cookie Consent

Powered by Responsive WordPress theme

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Resources

Starter Templates

Responsive Platform

Learn Elementor

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Theme Features

Responsive Features

WooCommerce

Header Footer Builder

Site Builder

Child Theme Generator

Download Free Theme

DFY Website Setup

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Company

About

Pricing

Blog

Brand Assets

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Website Design Service

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Support

Login

Whatโ€™s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2026 CyberChimpsย ย 

Copyright © 2010-2026 CyberChimpsย ย 

Top
Top