Follow for free plugins, new theme releases and theme news
Plugin Description
The Intergeo plugin is a simple, easy and in the same time quite powerful tool for handling Google Maps in your website. The plugin allows users to create new maps by using powerful UI 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.
The powerful UI builder allows users to:
- Setup initial position and zooming level of a map;
- Adjust controls settings and positioning;
- Setup map color styles by using predefined color schemes or by using custom color settings;
- Add overlays like markers, rectangles, circles, polylines and polygons;
- Create directions routes from A address to B address;
- Integrate AdSense service into your maps and earn money by displaying ads on maps.
Create map with shortcode
To create new 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 Map 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 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 acceps 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%” heigth=”400px” style=”border: 3px solid red; margin: 0 auto;”]Central Park, NY[/intergeo]
Create map with UI builder
Another way to create map is to use UI builder. This is more recommended way to build a 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 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 map, edit or clone maps, and delete unnecessary or deprecated maps.
Also users can create a 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.
Screenshots
-
Directions layer
-
Wather and cloud layers
-
Panaramio layer and styles settings
-
Bicycling layer and gray styles
-
Overlay settings
-
Markers settings
