Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Advanced Google Map widget

How to Use Advanced Google Map Widget

A widget, for loading maps google map on a site, is Advanced Google Map widget. In spite of having some tricky things, the widget is very handy. However, the doc below will show you how you can use the widget.

To Insert Widget

inserting Advanced Google Map widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the Google maps Elementor widget inside your page.

avancedGoogleMap 2 - BdThemes

After inserting the widget, you might find an error and in terms of this, some issues work behind the error. See the screenshot above.

The possible issues are, for example

  • Project Creation.
  • To generate Google Map API Key
  • To generate Google Maps JavaScript API
  • Adding Billing Info

So, first of all, you’ve to settle the error. Therefore, to do so, visit the URL “How to Set Up Google Map API Key“.

Content Tab

Using the Content Tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the Advanced Google Map widget.

Now, I’m going to show the sections of the Content Tab and how they work behind the widget.

Google Map

avancedGoogleMap 3 - BdThemes

Simply, go to the Content tab > Google Map. From this section, you’ll be able to manage advanced Google Map layout. And for that, you should work with the switcher buttons and scroll bars there.

Mostly, Zoom Control – will help you to zoom in and zoom out the map. Similarly, Street View Control -for controlling the street view and Map Type Control – for controlling the map type control.

Another, switcher button is Search Address that will allow you to add a search bar and the bar’s alignment and spacing. Look at the image above.


avancedGoogleMap 4 - BdThemes

Go to the Content tab> Marker > hit any one of the repeaters > Content mode.

In terms of the Marker section, you’ll be able to add more repeaters to show location. And to do that just hit the +ADD ITEM button.

The more important thing is every repeater is editable. The repeaters include Content mode and Marker mode.


From the Content mode, you can set Latitude and Longitude value. In addition, you will be able to write Title and Content.


avancedGoogleMap 5 - BdThemes

Now, go to the Marker mode > add a marker (if you want) custom-wise.

Style Tab

Now, let’s work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Advanced Google Map widget. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.

GMap Style

avancedGoogleMap 7 - BdThemes

This section will let you add JSON code to style the map

avancedGoogleMap 6 - BdThemes

and to JSON code visit the site

avancedGoogleMap 8 - BdThemes

In addition, you using CSS Filters can style google map.


avancedGoogleMap 9 - BdThemes

In this section, you will be able to style the Search Bar. Simply, go to the Style tab > Search.

Video Assist

At the end of this documentation, I hope you’ve noticed what is Advanced Google Map widget by Element Pack is and how it works for you. Watch the video inserted above. If you want to discover what more is possible to do using this one, you can visit the demo page.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.