Get plugins bundle today and save over 80%

How to Create a Google Map in WordPress

Step 1: Creating/Editing Google Map with Google Maps Easy WordPress plugin

1. On the left navigation menu click “Add Map”.

add_map

2. Enter the name of map.
3. Click “Save Map” button.

create_map

Here you can change default options of google map:

  • set the map width in pixels or percent;
  • set the map height in pixels;
  • choose the map stylization (PRO feature) – click “Choose style” button and select your map style, click “Apply” button on style that you like;

map_style

  • set the map zoom – simply using the mouse wheel or zoom buttons on the map;
  • delete the map

Don’t forget to press the “Save map” button.

Step 2: Creating/Editing Markers for the Google Maps by Supsystic

1. Click “Add New Marker” button – in the center of the map will appear a marker.
2. Set the name of marker.
3. 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.
4. Click “Save marker” button.

add_new_marker

At this point you have the ability to set marker configuration:

  • add marker description – besides text, you can attach images, links and videos;
  • select the icon for the marker – you can choose it from the list of icons or upload your own icon;

choose_icon

  • set the address of the marker – enter the address by yourself or start typing and then choose the address from the list

Also Google Maps Easy allows you:

  • Create multiple markers for one map
  • Edit the marker
  • Remove the marker from the map

markers

Important! One marker may be used on a single map. You can not use 1 marker on two different maps.

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: Export/Import Option

On the left navigation menu click “Settings”. Here you can export or import maps and markers.

export-&-import

1. To export maps or markers – click “Export” button and “Maps.csv” or “Markers.csv” file will be downloaded on your computer.
2. To import maps or markers – you need to click “Import” button and choose the .csv file.

Step 4: Displaying Google Map on the website

Under the map you can see shortcode of the map.

copy_shortcode

Copy and paste the shortcode into your post or page and Google Maps Easy will automatically create the 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.

paste_shortcode