This tutorial is kindly provided by the plugin developer. You can access the full plugin's documentation on this URL: http://supsystic.com/documentation/#google map
How to use Google Maps Easy Widget?
1. Go to Appearance -> Widgets in the WordPress navigation menu.
2. Find the Google Maps Easy in the list of available widgets.
3. Drag the Google Maps Easy widget to widget area, which you need.
4. Choose the map for widget and configure the settings – Widget Map width and height.
5. Click “Save”.
How to add map into site content
Shortcode
You can find the shortcode under map preview.
Copy and paste the shortcode into your post or page and Google Maps Easy plugin will automatically create the map on your page using the settings you choose above.
Important! Shortcode must be inserted in a text editor page, and not in the visual.
You can also specify any avaliable map parameters by adding it manually into shortcode.
[google_map_easy id="2" draggable="0" mouse_wheel_zoom="0" map_type="HYBRID" map_center="1"]
Ratio of parameters and their values are shown in the table below. Any parameter at the same time can receive only one value.
| Parameter | Values (" / " - separator; 1 - enable; 0 - disable; "value in quotes" - change to specific value) |
| dbl_click_zoom | 1 / 0 |
| draggable | 1 / 0 |
| enable_bicycling_layer | 1 / 0 |
| enable_full_screen_btn | 1 / 0 |
| enable_trafic_layer | 1 / 0 |
| enable_transit_layer | 1 / 0 |
| height | "number of pixels" |
| map_center | "x coordinate"; "y coordinate" / "marker id" |
| map_type | ROADMAP / HYBRID / SATELLITE / TERRAIN |
| marker_clasterer | none / MarkerClusterer |
| markers_list_type | slider_simple / slider_simple_title_img / slider_simple_vertical_title_img / slider_simple_vertical_title_desc / slider_simple_vertical_img_2cols |
| mouse_wheel_zoom | 1 / 0 |
| overview_control | none / opened / collapsed |
| pan_control | 1 / 0 |
| pan_control_position | TOP_CENTER / TOP_LEFT / TOP_RIGHT / LEFT_TOP / RIGHT_TOP / LEFT_CENTER / RIGHT_CENTER / EFT_BOTTOM / RIGHT_BOTTOM / BOTTOM_CENTER / BOTTOM_LEFT / BOTTOM_RIGHT |
| street_view_control | 1 / 0 |
| street_view_control_position | TOP_CENTER / TOP_LEFT / TOP_RIGHT / LEFT_TOP / RIGHT_TOP / LEFT_CENTER / RIGHT_CENTER / EFT_BOTTOM / RIGHT_BOTTOM / BOTTOM_CENTER / BOTTOM_LEFT / BOTTOM_RIGHT |
| type_control | none / DROPDOWN_MENU / HORIZONTAL_BAR |
| type_control_position | TOP_CENTER / TOP_LEFT / TOP_RIGHT / LEFT_TOP / RIGHT_TOP / LEFT_CENTER / RIGHT_CENTER / EFT_BOTTOM / RIGHT_BOTTOM / BOTTOM_CENTER / BOTTOM_LEFT / BOTTOM_RIGHT |
| width | "number of pixels (percents)" |
| width_units | px / % |
| zoom | from "1" (entire world) to "20" and more (streets and individual buildings on road map) |
| zoom_control | none / DEFAULT / LARGE / SMALL |
| zoom_control_position | TOP_CENTER / TOP_LEFT / TOP_RIGHT / LEFT_TOP / RIGHT_TOP / LEFT_CENTER / RIGHT_CENTER / EFT_BOTTOM / RIGHT_BOTTOM / BOTTOM_CENTER / BOTTOM_LEFT / BOTTOM_RIGHT |
PhpCode
Php code of map is specified under its shortcode.
In general php code can be inserted at any place of the page code – to display exactly in this place, for example in the header or footer of the page. Besides it can be inserted in the code of template of the theme – to display on all pages.
Popup
You can place map not only on the page, but in the popup window. To do this you also need to use Popup by Supsystiс plugin. Follow next steps to create amazing map located in popup:
1. Install and activate Popup by Supsystiс plugin;
2. Create a popup by any template with text fields;
Nearly all templates have such fields. They located on Texts tab. If there is no tab in popup settings – choose different template.
3. Copy shortcode of your map;
4. Go to Texts tab and paste shortcode into any text field;
Important! The map will not be visible during popup preview – to see map you need to view popup on site page. Besides text field should be large enough to hold map, so it is better to use text blocks to paste map shortcode.
5. Specify other popup settings;
6. Apply changes by clicking on “Save” button.
