Google Map Shortcode – How to use

This is a step by step guide to use the Google Map Shortcode wordpress plugin.

  1. Settings and configuration:

    As the plugin is based on wordpress shortcodes you can configure the defaults options on the plugin settings page. It can be found under Settings menu.
    In this section you can set the default values for width,height and zoom of the maps, the html for the box opened by clicks on the points and you can upload new markers. The plugin includes several markers powered by Maps Icons Collection

  2. Creating new map:

    You can insert a map into the content any time while you write a post. Just click on the Google Map Shortcode icon in the Upload/Insert section

  3. Uploading the thumbnails:

    Every point on the map can include a html box to display some details about the point: Title, description and thumbnail. This image need to be upload to the post gallery before creating the point.

  4. Adding and Editing points:

    After clicking on the icon in the editor page, the Google Map Shortcode panel is opened. On this panel you add, edit and deleted the points attached to the post. At the bottom of the panel there is a button that allows you to insert the map into the post.

  5. Using the shortcodes:

    The plugin allows to insert maps everywhere using the wordpress shortcode feature. For example in this case the map will display the points related to the post with id=1030. But you can include a custom icon, address,categories id (to display all the point attached to the post under this categories) etc. You can read more about the shortcode in this section.

    [google-map-sc width="600" height="400" zoom="12" id="1030"]
  6. Deploying the map:

    After inserting the map into the post the plugin render it on your page. By clicking on the markers you can see a box opened with some details about this point.


google-map-shortcode from wordpress

For more details about the plugin visit:
Google Map Shortcode plugin – Version 2.1
Google Map Shortcode 2.0 – Total Solution


The plugin is quite simple to use and can be implemented for very different purposes. For example in your theme deploying the posts as points in the maps for each category… Just think about it and post your experience and contribution. But if this plugin saves your day you can let me know by clicking on the orange bell.

56 thoughts on “Google Map Shortcode – How to use”

  1. Tried using your plugin but had problems with entering HTML in the info bubble. It only displays the html code as text. The other issue was I cannot change the Title or images in the bubble to link to specific post. If you add multiple points on the map they all point to the same post (current one).
    It’s a shame because I like the plugin but it won’t work for me.

    WP v3.3.1
    Plugin V3.1


  2. Hi,

    Been using this plugin for a while now and it’s been great up until about a week ago when we upgraded to WordPress 3.3. Since then the maps on all of our pages have disappeared and have been replaced with this output:

    Array ( [0] => xxxxxxxx, xxxxxxxx )

    The x’s represent the longitude and latitude values of the map and it is output at the top of the post content. I’m using v3.1 of the plugin. It’s a weird problem, I wondered if anyone can shed light on this, or point me in the right direction for finding a solution?

    1. Hi Oliver, could you please tell me how you add the Categories to this plug-in?
      I am very interested.
      Your site look very nice.

  3. Hi and thank’s for this great plugin for WP !
    Is-it possible to add many adress at the same time ?

    I tried but I fail 🙁
    With some seperators like : / or ; or ,
    None works 🙁

    Thank’s for your reply !

  4. Oh happy day when I found this plugin!
    However, I have a tiny problem that I can’t seem to resolve.
    If I use it on a page/post, it works great. But, If I try to put it inside a “tab” (I’m using a Woo theme and the tabs shortcode to create tabbed content on a page), the map hops off to the upper left and will not even be drug into the proper location within the display. I’m not even sure where to look for a fix, although I’m guessing is has something to do with positioning which is thrown off by the tabs container css. Interesting too, if I use “edit css” (Firefox Webmaster tools plugin) then I can drag it into place; then I close down the “edit css” (mind you I didn’t actually change any css), and it stays in place and works fine until I reload the page.

    I’m just looking for ideas on how to fix it. ( – check out the “our world” tab)

Leave a Reply

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