Free WordPress Google Maps Plugin by Intergeo pluginFree
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
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:
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:
- Create a new post or a page, or just edit existing one;
- 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;
- When media popup appears, find Intergeo Maps link in the left sidebar of popup window, click on the link;
- Now you have to see Intergeo UI builder which allows you to customize your map;
- Use all tools from right sidebar of the builder to create a map you need;
- After finishing maps configuration click on Insert into post button at the footer of the builder;
- 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.
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.
More from us
- JustFreeThemes – Find the best free WordPress Themes
- CodeinWP – Turn your PSD file into a WordPress Theme
- Revive.Social – WordPress plugins for Social Media marketers
Source from: WordPress.org