Create Google Maps in a minute with Google Maps Easy WordPress plugin. Google Map markers with any media: video, images, links, text descriptions. Add google map with shortcode, open it in a popup or use google map widget. An ultimate solution to display google map on the contact page, routes, real estates, delivery areas and more.
More Google Maps Examples
Google Maps Easy plugin is an excellent way to make a beautiful map on your website and to help your clients in discovering your location on the google map. For example, if you are an owner of a restaurant, you will have much more possibilities of attracting visitors by using this plugin. The Google map allows you not only to mark the place of your business location but also to show people its coloured pictures. You can attach photos and videos to the google map marker description and make your potential visitors to feel the atmosphere inside your restaurant, shop or another place of interest.
Google Maps for WordPress are very useful these days usually in contact forms which showcase the correct location of the business or a place of interest. Google Map by Supsystic plugin require only location input to mark the point accurately as it will auto-fetch the live map details from Google map. Marking different locations on the Google map can be done easily with the google map marker options the plugin provides and that too with colourful icons for interaction on the google map.
If you are looking for Google Maps alternative, here is a solution – try our Ultimate Maps Plugin. Supsystic Ultimate Maps plugin was developed after the changes in Google maps pricing policy.
* Bing maps
* OpenStreetMap or OSM
* Leaflet maps
Ultimate Maps by Supsystic provides all the nessesary functions and features such as:
You have an incredible opportunity to get PRO version for free. Just Make Translation of the Google Maps by Supsystic plugin! It will be amazing if you take advantage of this offer! Available Translations:
Thank you for choosing Google Maps by Supsystic! Open a page of our plug-in admin panel in WordPress and you will see three menu items: “Add maps”, “All Maps” “Settings”.
Under “Settings” you can import and export maps, markers and locations.
In order to create your Google Map, simply click on “Add Maps” in your left menu. When Google Maps page loads, set the height, width and google map name (map width can set in percentage and in pixels). To add a marker to your Google Map click on a button “Add Marker”. Here you can set the map marker configuration.
It is already easy to add the name of the google map marker, the map marker icon, set the address marker, and a description of the map marker. Also in the description of the google map marker can be attached images, text, links. Google Map Description token support HTML-code. Important! One google map marker may be used on a single map. You can not use 1 marker on two different maps.
Don’t forget to press the “Save map” button. After all these points you can see the result in the right top corner. Under the google map will show a shortcode. Copy and paste the shortcode into your post or page and Google Maps Easy will automatically create the google map on your page using the settings you chose above.
Important! Shortcode must be inserted in a text editor page, and not in the visual.
More Info: Create Your First Google Maps for WordPress
Step 1: Creating/Editing Google Map with Google Maps Easy 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;
Step 2: Creating/Editing Map Markers for 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 google maps easy 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 Google Maps Easy 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 Google Maps Easy.
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 Google Maps plugin are located on the Map Tab and can be divided into a few conditional units:
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. Google Maps Easy 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.
In order to specify and perform markers categories, firstly, move to Marker Categories Tab of the plugin. Here is possible to –
To create a new one, click Add Category button. In the new window you can establish:
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.
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 Google Maps Easy 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**
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 Google Maps Easy plugin settings and find there “User API key” point. To create your own API key – check this article and follow the instruction.
In order to use a slider, follow some simple steps:
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
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.
Read more about linked markers creation in our tutorial.
Google Maps with markers, locations and clusterization, KML layers and filters. Custom Google map markers…View Cart
WooCommerce AJAX Product Filters - Advanced product filtering ability for y...
Flexible button creator allowing you to stick floating buttons to the side ...
YouTube Embed WordPress Plugin. Embed a responsive video, YouTube channel g...
The General Data Protection Regulation (GDPR) is a regulation in EU law on ...