↓ Skip to Main Content
Cyberchimps Logo

Main Navigation

  • Templates
  • Features
  • Plugins
    • Responsive Plus
    • Starter Templates
    • Addons for Elementor
    • Responsive Blocks
  • Go Pro
  • Blog
  • Pricing
  • Login

Installations & Updates

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

General

2
  • Pattern Importer
  • Responsive Gutenberg Blocks Library- Introduction

Blocks

49
  • 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
  • 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

Powered by BetterDocs

Table of Contents
  • How To Add The Google Map Block
  • How To Configure The Google Map Block
    • Map Settings
    • Google Maps API key

Our Products

Responsive Paid Plan

Responsive Addons for Elementor

Starter Templates

Responsive Blocks

WP Legal Pages

WP Adcenter

GDPR Cookie Consent

Powered by Responsive WordPress theme

RESOURCES

Responsive Platform

Learn Elementor

Download Free Theme

Brand Assets

Testimonials

Compare Astra/Kadence

TrustPilot

CCPA

Video Tutorials

FEATURES

WooCommerce

Header Footer Builder

Company

About

Pricing

Blog

Affiliate Program

Contact Us

Terms of Service

GDPR Privacy Policy

GDPR Cookie Policy

Support

Login

What’s New

Documentation

Request Support

Video Tutorials

Refund Policy

Service

Discount Coupon

Bug Bounty Program

Copyright © 2010-2025 CyberChimps  

Top
  • Constructive Blocks
    • Advanced Heading Block
    • Section Block
    • Advanced Columns Block
    • Pricing List Block
    • Pricing Table Block
    • Flip Box Block
    • Info Block
    • Image Slider Block
    • Post and Page Grid Block
    • Post Carousel Block
    • Icon List Block
    • Table of Content
    • Team Block
    • Shape Divider Block
    • Masonry Block
    • Portfolio Block
    • Accordion Block
    • Divider Block
    • Video Popup Block
    • Card Block
    • Spacer Block
    • Google Map Block
    • Block Quote
    • Expand
    • Image Hotspot
    • Instagram Feed Block
    • Image Boxes Block
    • Testimonial Block
    • Advanced Text Block
    • Testimonial Slider Block
    • Feature Grid Block
    • Inline Notice Block
    • WP Search Block
    • Social Share Block
    • Tabs Block
    • Progress Bar Block
    • Call/Mail Button
    • Anchor Block
    • Gutenberg Image Block – Responsive Block
    • Contact Form 7 Styler
  • Timelines
    • Count Up
    • Gutenberg Countdown Block
    • Content Timeline
    • Post Timeline Block
  • CRO
    • Multi Buttons Blocks
    • Call To Action Block