Google Maps Addon

Make Google maps of your WordPress site more interactive with custom markers, fonts, icons and colors. Customize them with a user-friendly toolkit. Perfect adjustments for mobile devices.

MotoPress Google Maps addon is an advanced widget for MotoPress WordPress Page Builder. It makes possible to fully customize your maps without any coding.

Using this widget you are able to place multiple custom markers to your maps, select font icons, define their size and color. It is easy to add your custom description to the marker tooltip as you can use visual editor for this. You are able to add media files or any additional information like working hours to the description area of each marker on your map. In order to prevent scrolling confusion on mobile devices it’s possible to disable draggable feature, scrollwheel zoom and even hide the map controls for convenient view.

You do not need to worry that MotoPress Google Maps might not fit your theme style because you can apply 1000+ custom styles and even add your own ones with the free service like Snazzy Maps.

Live Example

Core Features:

  • ability to embed ready map code
  • unlimited location markers
  • visual editing of marker description with media, links, etc.
  • driving directions for each marker
  • display the list of locations
  • custom marker (media and font awesome icons)
  • ability to show/hide map controls
  • 6 preset map styles and ability to apply 1000+ custom styles
  • 4 map types (Road Map, Hybrid, Satellite, and Terrain)
  • ability to enable/disable scrollwheel zoom and draggable features
  • ability to display list of markers below the map

How to work with the Google Maps Addon

– install MotoPress Google Maps plugin to your WordPress.

– go to MotoPress > Settings, switch to the Google Maps tab and add Browser and Server API keys following the instruction below:

google maps api keys

– when API keys are saved successfully you can go to your page, launch MotoPress Visual Editor and drag Google Maps Pro object to the stage.

add google maps

– add new marker. There is the defined address Sydney, New South Wales, Australia by default. You should type the full address for your marker so it will be placed.

– fill the Title and edit Description using WordPress TinyMCE.

google maps edit

– add/edit Read More label and its link.

– show/hide a ‘driving direction’ link.

– select the Icon Type. It can be default marker, Media – any image from Media Library or Font Icon. If you choose the Font icon you will be able to select an icon, set its color and size.

google maps edit icon

Now when at least one marker is added you can:

– define zoom;
– disable scrollwheel zoom;
– hide controls;
– disable map dragging;
– set the Map Type (Road Map, Hybrid, Satellite, and Terrain);

If you have an iframe code of the previously styled map you are able to paste it to this Map object within the ‘Use Embed code’ feature. The most fascinating thing is a Map style section. Here you can select between 6 predefined styles and add custom ones in a few clicks.

google maps edit style

In order to apply custom style:

– go to free services like Snazzy Maps or Styled Maps Wizard;.

– select a style you like or create your own map style;

– copy the provided code;

google maps copy style

– use it in the Map Settings;

google maps paste style

You can also show the list with all your markers below the map:

  1. enable ‘Display list of locations‘ option;
  2. define the column count for the list;
  3. set the maximum width of the list. Example: 100% or 800px;

Reviews

We only started collecting reviews from March, 2018.

You must log in to submit a review.

7 Replies to “Google Maps Addon

  1. Hi There,

    We build wireless radio links (Point to Point). Is it possible to have a straight line displayed between 2 sites that represents the radio link?

Leave a Reply

Your email address will not be published. Required fields are marked *

Release Notes

1.4.2, Jul 6 2018

  • New icon of this widget.

1.4.1, Jun 21 2018

  • Fixed external link of the Maps Platform Styling Wizard.

1.4.0, Jun 21 2018

  • Added compatibility with Visual Builder 3.0.0

1.3.1, Nov 6 2017

  • Added compatibility with Visual Builder 2.5.0

1.3.0

  • Compatibility with Content Editor 2.4.0

1.2.0

* New version of plugin updater code.

1.1.8

  • Added compatibility with version 2.2.0 of Visual Builder that enables content saving after plugin deactivation.

1.1.7

  • Minor bugfixes and improvements

1.1.5

  • Minor bugfixes and improvements

1.1.4

  • Added the ability to set minimum height of the map

1.1.2

  • Fixed API version

1.1.1

  • Compatibility with Content Editor 2.0

1.1

  • Added the ability to display list of markers below the map

1.0

  • Release