Google Maps Plugin by Intergeo

Description

The Intergeo Google Maps WordPress plugin is the best tool for handling Google Maps in your website. This simple WordPress map plugin allow users to create new custom maps by using powerful UI map builder. Created maps could be easily edited and saved with new settings. To increase the speed of creation process the plugin has ability to clone a map with all it’s settings. Finally the plugin has attractive library which allows users to browse all maps in the system and delete unnecessary maps.
We’ve also built some fantastic business themes that integrate with Intergeo Google Maps perfectly, check them out.

The powerful UI builder allows users to:

  • Setup initial position and zooming level of a map;
  • Adjust controls settings and positioning;
  • Add multiple locations
  • WordPress location custom map
  • Setup map color styles by using predefined color schemes or by using custom color settings;
  • Add markers;

Time-saving features available in the FULL version:

  • Add overlays like rectangles, circles, polylines and polygons using the build or the drawing tools;
  • Create directions routes from A address to B address;
  • Integrate AdSense service into your maps and earn money by displaying ads on maps.
  • Import/Export Markers
  • Custom Layers
  • Support and updates for 12 months

Learn more about Intergeo Maps Pro version

Create Google maps with shortcode

To create new WordPress maps you just can input simple shortcode into your post, page, text widget or taxonomy description:

[intergeo]Your address[/intergeo]

This shortcode will be displayed as Google Maps centered at specific address. The shortcode could be extended with custom attributes like height, width, zoom, etc. These attributes will setup special settings for a map.

The following table describes all possible attributes, which users can use with shortcodes:

Width
Sets width of the map container. Accepts all valid CSS values as css width property accepts. For example, the value could be set in pixels like 500px, or in percentage like 75%. Default value is 100%.

Height
Sets width of the map container. Accepts all valid CSS values as css height property accepts. For example, the value could be set in pixels like 700px. Default value is 300px.

Style
This attribute allows users to set extra styles for Google map’s container element. It accepts all valid css properties and will echo it in the style attribute of the container element. Default value is empty.

Zoom
Sets the initial zoom level of the map. This attribute accepts integer value from 0 to 19, where 0 is the biggest distance and 19 is the lowest distance to the ground. The default value is 5.

Hook
This attribute allows users to setup their own filter, which will be used to filter settings of a map before using it to render a map. Hooks for the filter will receive one parameter which will be array of options and they have to return it modified or not.

So your shortcode could looks like this one:

[intergeo zoom="12" width="50%" height="400px" style="border: 3px solid red; margin: 0 auto;"]Central Park, NY[/intergeo]

Check-out the #1 free Google Maps plugin

Create map with UI builder

Another way to create map is to use UI builder. This is more recommended way to build a Google map as this way provides much more features and wide range of settings to customize. To create a map with UI builder, pass following steps:

  1. Create a new post or a page, or just edit existing one;
  2. Place the mouse cursor into the content editor, at the place you want to embed a map and click on Add Media button above editor toolbar;
  3. When media popup appears, find Intergeo Maps link in the left sidebar of popup window, click on the link;
  4. Now you have to see Intergeo UI builder which allows you to customize your map;
  5. Use all tools from right sidebar of the builder to create a map you need;
  6. After finishing maps configuration click on Insert into post button at the footer of the builder;
  7. After doing it a map has to be saved in background, popup has to be closed and new appropriate shortcode has to be inserted into the place, where your cursor was.

Using maps library

All maps which have been created with UI builder are stored in WordPress database. The plugin allows to browse and manage these Google maps in the maps library. To see it go to the Media » Intergeo Maps page to see all maps which have been created in your website.

The library shows you maps preview as you will see it at front end pages. Here users can copy shortcode of a Google map, edit or clone maps, and delete unnecessary or deprecated maps.

Also users can create a Google map from library page. To do it just click on Add New button next to the page title and UI builder popup immediately appears. The builder interacts in the same way as it does at edit posts page, except that popup doesn’t insert shortcode into somewhere, popup just save a map into database for future reuse.

About us:

We are a young team of WordPress enthusiasts who enjoy developing free WordPress plugins and themes for small businesses and startups. Check them out and let us know what you think, our goal is to build fully fledged products that will solve your needs.

We also love to blog at CodeinWP and help our users finding the best hosting or themes.

More from us

Check-out the Intergeo review and find out some of the best WordPress plugins.

Screenshots

Installation

  1. Upload the files to the /wp-content/plugins/intergeo/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

Installation Instructions
  1. Upload the files to the /wp-content/plugins/intergeo/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
How to override Google map settings

To override Google map settings you can use your own hook. Just add hook attribute to your shortcode like this:

[intergeo hook="my_custom_intergeo_hook" ...]...[/intergeo]

And add a function to hook that filter:

add_filter( 'my_custom_intergeo_hook', 'filter_intergeo_map_settings' ) {
function filter_intergeo_map_settings( $options ) {
    // update options
    $options[...] = ...;
    ...

    // return updated options
    return $options;
}

Reviews

Great! (took some time to figure out my first map)

It took me a little while how to figure out that you have to drag the map away from Europe so that the center marker is centered on the US location desired. I kept entering the address in “Go to address” but that didn’t seem to go anywhere. The Google app integration took a little while, but the map now looks nice and I’m satisfied. Thanks!

Read all 34 reviews

Contributors & Developers

“Google Maps Plugin by Intergeo” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.2.0 – 2017-09-25

  • Improved compatibility with the pro version.
  • Fixed various small bugs and ui issues.

2.1.2

  • Fixed issue when editing maps and reached the limit.

2.0.0

  • Major code refactor
  • Improved compatibility with the pro version

1.1.6

  • Removed freemius support

1.1.5

  • Fixed compatibility with old version of PHP ( < 5.2 )
  • Fixed issue with marker text using rich editor
  • Fixed issue with https websites which were loading content over http

1.1.0

  • Updated instructions for adding Google Maps Api key
  • Added feedback mechanism
  • Fixed conflict with Uber Menu
  • Improved settings page
  • Fixed issue with long and lat addresses

1.0.5

  • Added information for map new installs
  • Fix issue for non-admins in freemius

1.0.6

  • improved the usability of the builder, markers are added now in a more intuitive way.

1.0.4

  • Added uninstall feedback
  • Added support for pro version

1.0.3

  • Fixed issue with warning error when including some templates

1.0.2

  • Fixed minZoom and maxZoom settings.

1.0.1

  • Fixed compatibility with WordPress 4.3 versions