Easy Google Maps

ხდკ

How to Create a Google Map in WordPress

Step 1: Creating/Editing Google Map with Easy Google Maps WordPress plugin
1. On the left navigation menu click “Add Map”.
2. Enter the name of google map.
3. Click “Save Map” button.
Here you can change the default options of google map:
* set the google map width in pixels or percentage;
* set the map height in pixels;
* choose the google map stylization (PRO feature) – click “Choose style” button and select your google map style, click “Apply” button on a style that you like;
* set the google map zoom – simply using the mouse wheel or zoom buttons on the Google map;
and other.
Step 2: Creating/Editing Map Markers for Easy Google Maps by Supsystic
1. Move to the Marker tab settings
2. Click “Add New Marker” button – in the centre of the google map will appear a map marker.
3. Set the name of google map marker.
4. Set the address of the marker by using the address field or fields with marker coordinates. Or you can just click on a point on the map.
5. Click “Save map marker” button.
After every your action – with Easy Google Maps WordPress plugin, you can immediately see the result in a live preview in the right top corner.
Step 3: Displaying Google Map on the website
Under the google map, you can see shortcode of the map.
Copy and paste the shortcode into your post or page and Easy Google Maps will automatically create the google map on your page using the settings you chose above. Important! Google Map Shortcode must be inserted in a text editor page, and not in the visual.
For more detailed information follow our tutorial Getting Started with Easy Google Maps.

How to configure the map properties?

After you have created a new map you have a huge variety of map options, which is available to be customized. All these features of the Easy Google Maps Plugin are located on the Map Tab and can be divided into a few conditional units:

• Main Settings
• Control Bars Settings
• Additional Navigation Options
• Stylization
• Info Window
  In Map Properties settings tutorial you will find all detailed info about each point.

How to configure the marker settings?

After you have created and customized your map, you can add markers on it. Go to Markers Tab and click “New” button – in the centre of the map will appear a marker. Easy Easy Google Maps by Supsystic offers you a range of markers configuration: Marker Name, Description, Icon, Address, Marker coordinates, Marker Category, Marker Link and other settings.
For more detailed information follow our tutorial Markers Customization.

How to specify different categories to the markers?

In order to specify and perform markers categories, firstly, move to Marker Categories Tab of the plugin. Here is possible to –

• Add Category
• Edit Category
• Delete Category
• Search and Sort by Title and ID
• Turn pages with categories
• View – select the number of categories on one page

To create a new one, click Add Category button. In the new window you can establish:

• Category Title – type your category name inside the field
• Background Color – tick needed colour for marker icon background
• Cluster Icon – Upload Icon you like or back to Default Icon variant for your markers category

When you have created the marker on the Marker Tab, scroll down till you find Markers Category, set the one you’ve created for a current marker and click Save Marker button.

How to add a map into site content?

You can add a map in the site content via shortcode or PHP code.
You can find the shortcode above map preview. Copy and paste the shortcode into your post or page and Easy Google Maps Plugin will automatically create the map on your page using the settings you choose above.
Learn more in tutorial How to add Google Map into website content**

How to generate Google Maps API Key?

After you’ve got your plugin installed, it’s highly recommended to add your own Google Maps API key to settings in order to prevent errors, when the page can’t load Google Maps correctly. To avoid this, you should go Easy Google Maps Plugin settings and find there “User API key” point. To create your own API key – check this article and follow the instruction.

How to list markers as a slider?

In order to use a slider, follow some simple steps:

1. Add text, images, links, etc. to markers description.
2. On the Map, Properties tab find Markers List option and click Select Markers List type button.
3. Select the type of markers list for displayed near the map and don’t forget to save changes.

How to use the filter for markers categories?

We have added a new type of listing to display marker categories. Now you can filter the categories by filter button and using the sidebar filter:
1. Add the Marker Categories.
2. When you have created the marker on the Marker Tab, scroll down till you find Markers Category, set the one you created for a current marker and click Save Marker button.
3. In Map Tab Settings you can select a Filter background colour for a sidebar.
4. Enable Filter “select all” button if you want to select and display all category by 1 click.
5. Move to the Markers List and select the 7th template.
6. Save Map and add to the site content via shortcode.

Look for more info in our tutorial How to create Google Map with a Filter Sidebar

How to use custom icons for markers?

1. To use the custom icon, firstly move to “Markers” tab.
2. Then scroll down and click “Upload icon” button.
3. Choose “Upload files” and press the “Select Files” button.
4. Enter the path to your icon image (Recommended Icon Size 30-35px width; 45-50px height), select it and click “Open”
5. Upload the image, select your file and press “Choose Image”.
6. Then you can see your icon at the end of “Choose Icon” list.

How to zoom and centre the initial map on markers?

There are a few different ways to zoom and centralize map.
The easiest one is to drag your map using a mouse – “Draggable” option must be enabled, or with pan controller help in a live preview. More Info in How to zoom and centre Google Map tutorial.

How to create linked markers map?

1. Open “Marker” tab in the map settings.
2. Add the number of markers you want.
3. Enable “Marker Link” option in the marker’s settings.
4. Paste link in the field under the option.
5. Enable the option “Open in new window”, if you want to link was opened in a new window.

Read more about linked markers creation in our tutorial.

More Info

• FAQs section
• Documentations
• Forum