Elementor offers more than 90 design elements (called widgets) that you can use to create a beautiful page on your WordPress site. One of the widgets offered by Elementor is Google Maps, which you can use to add a location from Google Maps to the page/template you are creating. However, the widget supports only one location and only display the basic map.
If you want to create an advanced map in Elementor, you need to install an add-on. One thing to note before doing so. You need a Google Maps API key to add multiple locations on a map or to create an advanced map such as panorama, polyline, polygon, and so on.
Here are 4 of the best Elementor add-ons that you can use to create an advanced map.
JetElements is a premium Elementor add-on developed by Crocoblock. It comes with about 40 creative widgets, including the Advanced Map widget. You can use the Advanced Map widget to create a map with multiple locations on the page or template you are creating. But first, you need to connect your Google Maps account with JetElements first before being able to do so. Read this article for more detailed instructions.
There are several setting options offered by the Advanced Map widget of JetElements. You can, for instance, hide the street view control, disable the scroll wheel zoom, and so on. There are 10 premade map styles you can choose from. You can replace the default pin icon with your own icon. You can get the JetElements widget on the Crocoblock website. Alternatively, you can also get this add-on on the Jupiter X theme bundle.
2. Essential Addons
Essential Addons might is the best add-on to create an advanced map in Elementor. It comes with a Google Map widget that you can use to create an advanced map. Unlike JetElements which can only be used to create a map with multiple locations, Essential Addons offers 8 different map types:
- Multiple Marker
- With Routes
Essential Addons is a perfect option if you want to create a website for a zoo, tourist attraction, restaurant, or other businesses that have a physical location. You can create a 360-degree virtual tour to show the surroundings of the business location. If you want to create a website to promote a beach, for instance, you can create a panorama view to show the beach sides. The Google Map widget of Essential Addons also offers options to hide/show the street view control, enable/disable the scroll wheel zoom, show/hide the map type control, and so on. When using Essential Addons to create a map with multiple locations, you can also use a custom pin icon.
Essential Addons itself is a freemium add-on developed by WPDeveloper. The Google Map widget is available on the pro version.
PowerPack is an expensive enough Elementor add-on, but it comes with a white-label feature to allow you to replace the PowerPack attributes with your own attributes, perfect if you work for an agency. This add-on also comes with a widget — the Google Maps widget — that you can use to create a map with multiple multiple locations on your Elementor-powered page. When creating such a map, you can also enable/disable the scroll wheel zoom, show/hide street view control, and so on.
4. Ultimate Addons
Ultimate Addons is another great option if you are looking for an Elementor add-on with a white-label feature. This add-on also comes with a widget — the Google Map widget — to create a map with multiple locations. Same as other add-ons above, the Google Map widget of Ultimate Addons also allows you to show/hide the street view controls, enable/disable the scroll wheel zoom, and so on. There are 10 map styles you can choose from. Ultimate Addons is a premium add-on with no free version is available.