Create Beautiful Looking Interactive Google Maps in Divi with Supreme Maps. With Pro Version, you get more features and more ways to showcase Google Maps.
📥 Google Map Module Usage
🧸 Content Options
Adding Marker Items
Click on + Add new Item to add your first Marker on the Map. Clicking + Add new Item will open a completely new list of design settings (including Content, Design, Advanced) for your new Map Marker.
See Below for Individual Marker Item Settings ↓
After you add your first Marker, you will see a gray bar appear with the title of your Icon List shown as a label. The gray bar also has three buttons that allow you to edit, duplicate, or delete the Icon List.
There is where you'll be able to set the location for your Map. If you've added Google Map API, you can simply enter the place name and click on the Find button and It will automatically locate the address.
When a user scrolls a page that contains a map, the scrolling action can unintentionally cause the map to zoom. This behavior can be controlled using the gesture Handling map option.
Choose what type of Map you'd like to show. You can choose from Roadmap, Satellite, Hybrid or Terrain.
Disable Default UI
This will remove all the Controls on the Map.
Use Zoom Control
The Zoom control displays "+" and "-" buttons for changing the zoom level of the map. You can hide it If you want from here.
Use Map Type Control
The Map Type control is available in a dropdown or horizontal button bar style, allowing the user to choose a map type (ROADMAP, SATELLITE, HYBRID, or TERRAIN). This control appears by default in the top left corner of the map.
You can disable it If you don't want to show it.
Map Type Control Style
Here you can change the style of Map Type Control. You can set it to either Horizontal Bar or Dropdown Menu.
Use Scale Control
The Scale control displays a map scale element. This control is disabled by default. If you want to show it simply enable the option.
Use Street View Control
The Street View control contains a Pegman icon that can be dragged onto the map to enable Street View. This control appears by default near the bottom right of the map. You can also disable It If you don't want to show it.
Use Rotate Control
The Rotate control provides a combination of tilt and rotate options for maps containing oblique imagery. This control appears by default near the bottom right of the map. See 45° imagery for more information. Choose If you want to show it or hide it.
Use Fullscreen Control
The Fullscreen control offers the option to open the map in fullscreen mode. This control is enabled by default on desktop and mobile devices. Note: iOS does not support the fullscreen feature. The fullscreen control is therefore not visible on iOS devices.
This is where you'll be able to change the position of different elements on the Map. For example, you can show the Zoom Controls on the bottom left corner or where It looks good to you. And the same goes for other elements, you can change their position.
Preset Map Styles
This is where you'll be able to choose Map Style from 6 Different styles.
Using Custom Map Style
The Custom Map Style is a Premium feature and you'll need the Pro version. You can go to this website and choose any style for your Map: https://snazzymaps.com/explore