Google Maps API
This Widget REQUIRE the Google Maps API key, so first of all obtain it for free from Google
and insert it in Elementor > Settings > Integration page.
The MAP skin generates multi-position maps from any query widgets data, requires a custom-meta based on ACF google maps, but which is simply an address in the text field (exploited geolocator search).
Select the key of the custom field that records the position data, it can be a custom-meta object produced by plugins (ex: ACF), but also a simple text data with address, or latitude and longitude like (-34.397, 150.644).
You must indicate it in the Data Type.
Take a look at the Maps widget for more info.
Choose the marker (pin) or upload a custom image to show on the map.
Pick the map style, colors or rendering method.
Indicates whether to show the location of the logged-in user.
The controls provided by GoogleMap allow you to manage the mouse/touch interactivity and the visual tools in the ui.
- Mouse scroll (zoom)
- Pan Control (zoom)
- Rotate Touch
- Scale Touch
- Map Type
- Street view mode
- (+) (-) Zoom
- Full Screen mode
Enable the clusterer to improve map viewing when you have a lot of markers.
You can also customize the color and size of the symbol.
Custom center and zoom
By default, the center is based on the group of map pins, to view them all.
It’s possible to move the center and the zoom of the map to a different point.
Hold SHIFT + CLICK on the map to define a custom center point.
The “GO” button shows the preview.