This widget allows you to use advanced version of Google Map where you can create initial map center, place markers, select various theme types and also enable various map controls.
"Connect" button allows you to use Google Map Pro with the help of generated API key. You can read detailed instruction on how to create Google Map API Key in our guide on obtaining Google Map API Key.
In addition to inserting the API directly into the widget settings, you can insert it in the Integrations item in the Control Panel Settings tab, Integration section, in the Google Map field
You will see the following features once you've connected Google Map: "Edit Connection", "Set Initial Map Center", "Markers", "Zoom", "Height", "Theme" and a number of Map Controls.
"Edit Connection" - this feature allows you to edit your Google Map API Key.
"Set Initial Map Center" - this feature allows you to create a centered area on the map, making a focus on the map markers.
Please make sure to specify required centered location via "Search" field and press "Search" button. It will automatically center the selected map zone. Don't forget to apply the results.
To do this, you need to enter the required location, check whether it is correctly indicated on the map and click Apply to apply the center of the map.
Thus, when viewing the map, the location you specified will be the center.
"Markers" - this feature allows you to place customizable markers on any selected location to indicate/highlight it.
To do this, you need to find the required location, press "+Add Marker" and a red mark will be added in the indicated place.
Type your marker's "Title", "Caption" and select "Marker Icon". Please notice that you can not add another marker while adding/editing current marker.
Once you apply the changes - you can edit/remove current marker or add new marker.
"Zoom" - this feature increases/decreases zoom level (visual distance) within the widget. Minimum zoom level - 0. Maximum zoom level - 20.
"Height" - this feature increases/decreases a widget’s height on the page. You can set up the height for each device separately using the corresponding device icons. The Height parameter allows you to edit the amount of space this widget takes on the page, so that viewing the map is convenient and looks harmonious on the site.
"Theme" - this feature allows you to change the appearance of the Google Map Pro widget. You can choose one of the following themes: "Standard", "Silver", "Retro", "Dark", "Night" and "Aubergine".
Map controls - this block contains the following number of features: "Map Type Switcher", "Zoom", "Street View", "Rotate", "Scale" and "Fullscreen". You can read more about each feature directly here.
Spacing and other common features are explained this guide.
This widget belongs to the More widget category. Check out the other widgets in this category at the following link: Google Map,Google Calendar,MailChimp,Disqus,Countdown Timer,Counter,Accordion,Tabs,Popup,Progress Bar,Circular Progress Bar,Scroll To,Slideshare,PayPal button,Breadcrumbs,iFrame,Embed,Google Search and Google Search Results.
Comments