In this guide, we will show you how to use the “Unlimited Google Maps widget” on your Elementor website. The Unlimited Google Maps widget allows you to add fully interactive and customizable maps to your pages, making it easy to showcase multiple locations, routes, or geographical data. It’s perfect for enhancing the navigational experience for your visitors while providing visually appealing map layouts, custom markers, and live search functionality.
Let’s explore the customization options available in the “Unlimited Google Maps widget” for Elementor below.
Elementor Free Unlimited Google Maps Tutorial Video
Add a Free Unlimited Google Maps to Elementor
Add a Free Unlimited Google Maps Widget to an Elementor Page
Elementor Unlimited Google Maps Widget General Settings
Items Source
Choose the source of the data for the testimonial grid.
Posts: Use blog posts as the source.
WooCommerce Products: Use products from a WooCommerce store.
ACF Custom Field: Use data from an Advanced Custom Fields (ACF) custom field.
JSON or CSV: Use data from a JSON or CSV file.
Gallery: Use images and data from a gallery.
Terms: Use taxonomy terms as the source.
Users: Use user data as the source.
Menu: Use items from a menu.
RSS: Use content from an RSS feed.
Instagram: Use data from an Instagram feed.
API Integrations: Use data from various API integrations.
Debug - Show Input Data
A toggle switch to display the raw input data for debugging purposes.
Map Type
Sets the style of the map, such as Roadmap, Satellite, Terrain, or Hybrid.
Location Type
Determines how the map location is defined, either by address, coordinates, or other methods.
Address
Specifies the exact location the map will center on.
Zoom Level
Controls how closely the map is zoomed in when it loads.
Language
Sets the language for map labels, such as street names and place names.
Use Marker Cluster
Groups nearby markers into a single icon at lower zoom levels for better clarity.
Disable Reveal Animation
Enables or disables the map’s initial load animation effect.
Navigation
Determines the position or layout of the map’s navigation elements.
Image Type
Sets whether an image is displayed for navigation list items.
Show Places Search
Displays a search bar for users to look up places or addresses on the map.
Show Title in Navigation
Shows the title of locations or markers within the navigation list.
Show Zoom Controls
Displays the + and – buttons for zooming the map in and out.
Show Map Type Controls
Displays controls that allow users to switch between different map views.
Map Types
Specifies which map views (e.g., Roadmap, Terrain, Satellite) are available for users to select.
Map Type Control Style
Defines how the map type selector is displayed, such as a dropdown menu or buttons.
Show Street View Controls
Displays the Pegman icon to activate Street View mode.
Show Fullscreen Controls
Adds a button to view the map in full-screen mode.
Show Rotate Controls
Displays the control to rotate the map (available in certain locations or views).
Show Scale Controls
Shows the scale indicator on the map, representing distance measurements.
Current Location Button
Adds a button for users to center the map on their current geographic location.
Show Map Reset Button
Displays a button to reset the map view to its initial center, zoom, and orientation.
Reset Button Icon
Sets the icon used for the Map Reset Button.
Zoom On Scrollwheel
Allows users to zoom in and out using the mouse scroll wheel.
Open by Default
Determines whether the Info Window for the first marker opens automatically when the map loads.
Show Info Window
Displays an Info Window when a user clicks on a marker.
Close After Outside Info Window Click
Controls whether the Info Window closes when the user clicks outside of it.
Center Info Window
Pans or recenters the map to place the Info Window clearly in the middle of the view when a marker is clicked.
Address Icon
Sets the icon used to represent the address within the Info Window content.
Phone Icon
Sets the icon used to represent a phone number within the Info Window content.
Website Icon
Sets the icon used to represent a website link within the Info Window content.
Business Hours Icon
Sets the icon used to represent business hours within the Info Window content.
Show Info Window Image
Displays the image associated with the marker inside the Info Window.
Show Info Window Title
Displays the title of the marker inside the Info Window.
Info Window Image Size
Sets the display size of the image in the Info Window.
Phone Number As Link
Makes the phone number in the Info Window clickable to initiate a call on mobile devices.
Show View on Google Map Button
Adds a button to open the location in the full Google Maps application.
Show Learn More Button
Adds a "Learn More" button linking to a dedicated page for the marker.
Marker Icon Type
Determines the source or style of the marker icon, such as from a predefined list or custom upload.
Marker Icon
Selects the specific icon to display for the marker.
Icon Letter
Displays a letter or character on the marker icon.
Marker Width
Sets the width of the marker icon.
Marker Height
Sets the height of the marker icon.
Animate Marker
Enables or disables animation effects for the marker when the map loads.
Show Category Check Box
Displays checkboxes that allow users to filter map markers by category.
Enable Accordion
Organizes categories in an expandable and collapsible accordion layout.
Accordion on Open
Sets the default state of the accordion sections when the map loads (e.g., expanded or collapsed).
Toggle Icons
Defines the icons used to indicate whether an accordion section can be opened or closed.
Responsive Breakpoint (px)
Sets the screen width at which mobile-specific map settings and layout changes will take effect.
Navigator Position
Determines where the map’s navigation or controls are displayed on the screen.
Open Navigator
Sets the text for the button that opens the map’s navigation pane or list of places.
Close Navigator
Sets the text for the button that closes the map’s navigation pane or list of places.
Disable Map Interaction On Mobile
Enables or disables user interaction with the map (like panning or zooming) on mobile devices.
Show Navigation Button Icon
Displays an icon alongside the text on the map’s navigation buttons.
Item Type
Defines the type of map item, such as a place, marker, or route.
Title
Sets the name displayed for the item on the map or in the navigation list.
Coordinates Type
Specifies how the location is defined, such as by address or manual latitude/longitude entry.
Zoom Level
Controls the map’s magnification when this item is focused or selected.
Latitude
Sets the north-south geographical coordinate of the location.
Place Image
Adds an image associated with the place or marker for display in info windows or place cards.
Place Address
Sets the textual address of the location.
Place Phone
Adds a telephone number associated with the place.
Place Website
Adds the official website URL for the place.
Place Business Hours
Adds the opening and closing times or general business hours for the location.
Place Content
Adds detailed textual content about the place, which can include formatting, links, and media, displayed in the info window.
Marker Icon Type
Selects the style or source of the map marker icon, such as default, custom image, or Elementor icon.
Learn More Link
Adds a URL for a "Learn More" button linking to a dedicated page about the location.
Elementor Unlimited Google Maps Widget Style Settings
Height
Sets the vertical size of the map container on the webpage.
CSS Filter
Applies visual effects (such as blur, brightness, contrast, saturation) to the map using CSS filters.
Style Category
Selects the overall theme or source for the map’s visual appearance.
Styles
Chooses the specific map style or skin from the selected Style Category.
Direction
Sets the text direction for map elements, supporting left-to-right (LTR) or right-to-left (RTL) layouts.
Navigation Panel Width
Sets the horizontal size of the map’s navigation panel or list of items.
Navigation Background
Sets the background color or image for the entire navigation panel.
Search Wrapper Padding
Controls the internal spacing (padding) around the search bar within the navigation panel.
Search Wrapper Background
Sets the background color or image for the container that holds the search bar/input field.
Item Layout
Defines the arrangement of content (title, address, image, etc.) within each navigation list item.
Item Background
Sets the background color or image for an individual navigation list item.
Item Padding
Controls the internal spacing around the content of each list item.
Item Border Type
Sets the style of the border around a list item (e.g., solid, dashed, or none).
Item Spacing
Adjusts the vertical space between individual navigation list items.
Item Radius
Sets the corner roundness of the list item container.
Nav Item Title Typography
Customizes the font properties (family, size, weight, line height) of the list item’s title.
Nav Item Address Color
Defines the color of the list item’s address text.
Nav Item Address Typography
Customizes the font properties (family, size, weight, line height) of the list item’s address.
Nav Item Active Background
Sets the background color or image for a navigation list item when it is selected or active.
Nav Item Active Border Type
Defines the border style (solid, dashed, none) for a navigation list item in its active state.
Item Active Title Color
Sets the color of the title text for a navigation list item when it is active.
Item Active Sub Title Color
Sets the color of the sub-title text (such as address or phone) for a navigation list item when it is active.
Image Width
Sets the horizontal size of the image displayed in the navigation item.
Image Height
Sets the vertical size of the image displayed in the navigation item.
Image Radius
Controls the roundness of the image corners.
Image Opacity
Adjusts the transparency level of the image from fully transparent to fully opaque.
Image Fit
Determines how the image is resized to fit its container, maintaining aspect ratio or filling the space.
Info Window Padding
Sets the internal spacing between the edges of the info window and its content.
Info Window Alignment
Controls the text alignment of the content within the info window.
Info Window Width
Sets the horizontal size of the info window.
Info Window Height
Sets the vertical size of the info window.
Title Typography
Customizes the font properties of the info window’s title, including family, size, and weight.
Title Color
Sets the color of the title text in the info window.
Title Spacing
Controls the vertical space below the title within the info window.
Content Typography
Customizes the font properties of the info window’s body content, including family, size, and weight.
Content Spacing Between Items
Controls the vertical spacing between individual elements within the info window content.
Info Window Image Height
Sets the vertical size of the image displayed inside the Info Window.
Info Window Image Fit
Determines how the image is resized to fit its container while maintaining its aspect ratio.
Info Window Image Radius
Controls the roundness of the image corners inside the Info Window.
Info Window Margin
Sets the external spacing around the image, separating it from other elements within the Info Window.
Info Window Image Position
Aligns the image within its container both horizontally and vertically.
Reset Button Size
Sets the overall width and height of the reset button container.
Reset Button Icon Size
Sets the size of the icon displayed inside the reset button.
Button Radius
Controls the roundness of the button’s corners.
Button Background Color
Sets the background color of the button in its normal state.
Button Background Color Hover
Sets the background color of the button when hovered.
Button Color
Sets the color of the icon or text inside the button in its normal state.
Button Color Hover
Sets the color of the icon or text inside the button when hovered.
Button Border Type
Defines the border style of the button in its normal state.
Button Border Hover Type
Defines the border style of the button when hovered.
Vertical Snap
Anchors the button to a vertical edge on the map (e.g., Top or Bottom).
Horizontal Snap
Anchors the button to a horizontal edge on the map (e.g., Left or Right).
Vertical Distance (px)
Sets the spacing between the button and the vertical anchor edge.
Horizontal Distance (px)
Sets the spacing between the button and the horizontal anchor edge.
Category Padding
Sets the internal spacing around the content of the category label or filter element.
Category Background
Sets the background color or image of the category label or filter.
Category Color
Sets the text color of the category name or label.
Category Border Type
Defines the border style (solid, dashed, none) of the category label or filter.
Checkbox Background
Sets the background color of the checkbox or radio button associated with the category.
Checkbox Color
Sets the color of the checkmark or selection indicator inside the checkbox.
Category Typography
Customizes the font properties of the category label, including font family, size, weight, and line height.
Nav Button Padding
Sets the internal spacing between the button’s content (text and icon) and its edges.
Nav Button Margin
Sets the external spacing around the button, separating it from other elements.
Nav Button Radius
Controls the roundness of the button’s corners.
Nav Button Background Color
Sets the background color of the button in its normal state.
Nav Button Background Color Hover
Sets the background color of the button when hovered.
Nav Button Text Color
Sets the color of the text inside the button in its normal state.
Nav Button Text Color Hover
Sets the color of the text inside the button when hovered.
Nav Button Border Type
Defines the border style of the button in its normal state.
Nav Button Border Hover Type
Defines the border style of the button when hovered.
Nav Button Icon Position
Controls the placement of the icon relative to the button text (e.g., Start or End).
Nav Button Icon Spacing
Sets the horizontal spacing between the icon and text inside the button.
Nav Button Icon Size
Sets the size of the icon displayed in the navigation button.
Nav Button Icon Color
Sets the color of the icon inside the navigation button.
Spacing
Controls the vertical space around the button, separating it from other elements.
Typography
Allows customization of the button text’s font properties, including font family, size, weight, and line height.
Button Text Align
Sets the horizontal alignment of the text inside the button container.
Text Color
Sets the color of the button text.
Background Color
Sets the background color of the button.
Padding
Defines the internal spacing between the button text and its edges.
Shadow
Applies a box shadow effect to the button for visual depth.
Border Type
Defines the style of the button’s border, such as solid, dashed, or none.
Border Radius
Controls the roundness of the button’s corners, allowing individual control for each corner.
Unlimited Google Maps Widget Design Examples For Elementor
Here are some live use cases for the Unlimited Google Maps widget.
Google Maps with Quick Service.
Google Maps with Restaurants
Thank you for using the Unlimited Google Maps widget for Elementor! This powerful and interactive tool allows you to add fully customizable maps to your website, helping users easily explore locations, routes, or geographical data. Perfect for showcasing multiple business locations, travel routes, event venues, or any spatial information, it adds a dynamic and engaging element to your pages. Designed for flexibility and responsiveness, it offers full customization options, including markers, map styles, navigation controls, and a live search bar, to seamlessly match your site’s design and functionality. For support or inspiration, please don’t hesitate to get in touch or explore our demo.