Free WordPress Google Maps Plugin by Intergeo pluginFree

1 981 websitesFree WordPress Google Maps Plugin by Intergeo plugin by Themeisle

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:

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%.

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.

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.

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.

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.

Author: Themeisle

Tags: directions, easy map, google, google map, google map plugin

Source from: