ProAdvanced Google Maps

See this widget in action here.

The Advanced Google Maps Widget allows you to create highly customized maps with interactive markers, custom styles, and various control settings, enhancing your site’s geographical features.

Activate the Widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it:

  1. Navigate to the aThemes Addons dashboard in your WordPress admin area.
  2. Search for the Advanced Google Maps widget.
  3. Toggle the switch to activate it. The widget will now be available in the Elementor editor.

Widget Options

Markers & Center

  • Center Latitude/Longitude: Set the map’s center point using latitude and longitude.
  • Markers: Add multiple markers with custom content, titles, and descriptions.
  • Custom Pin: Use custom icons for markers and adjust their size.
  • Marker Details: Include additional information like addresses, websites, and opening hours.

Map Settings

  • Map Type: Choose from Roadmap, Satellite, Hybrid, or Terrain views.
  • Zoom Level: Set the default zoom level (1–20).
  • Controls: Enable or disable features like Map Type Toggle, Zoom, Street View, and Fullscreen.
  • Scrollwheel and Dragging: Control map interaction via mouse scroll or drag.
  • Clustering: Group close markers into clusters for a cleaner interface.

Map Style

  • Style Options: Use default Google Maps styles or apply custom JSON styles from Snazzy Maps.
  • Custom Map Style: Add your custom JSON styling for a unique map design.

Style Settings

Map Container
  • Padding & Margin: Adjust spacing around the map.
  • Border & Border Radius: Customize the container’s borders and corners.
  • Box Shadow: Add shadow effects for a polished look.
Info Windows
  • Background Color: Set the background color for info windows.
  • Title & Content Typography: Adjust fonts, colors, and sizes for the title and content.
  • Link Styles: Customize the color and hover effects for links in info windows.

Conclusion

The Advanced Google Maps Widget is ideal for creating visually appealing and functional maps. With its comprehensive settings, you can deliver interactive experiences tailored to your site’s needs.