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.

Download

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

Feedback

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.


Posted in: 
Google Map, Plugins

52 Responses to Google Map Shortcode – How to use

  1. Great plugin….

    but….

    if I’m only using a map on one page I don’t want to load the google maps API for every page on the site. How can I restrict this to the pages with the shortcode on?

  2. Hello, great plugin! A Few things:
    1) Why do I have to add this CSS to fix your map on every site I use your plugin on? div.gmsc[id^=canvas] img { max-width: none !important; }/*map fix*/

    2) Why haven’t you updated your TinyMCE icon to be a button like others like this: http://cl.ly/Sd8F it seems you need to update to stay with the admin trends.

    3) How do we change the “More” link when you are viewing the map? There doesn’t seem to be a URL field in your admin interface.

    (Doesn’t look like the dev responds much on here, but here’s hoping ;-)

    • 1) Sometimes the html windows is not rendering right in some of the browsers or themes. But if are able to figure why, just let me know to fix it.
      2) Needs to be updated but still works.
      3) Its the actual link of the post if you are listing them on the map from specific category.
      Thanks

  3. Hello, I just installed the plugin and it works great, but i have a question, how do I edit where the “more >>” link points to in the markers?
    Any help would be appreciated.

    Thanks!

  4. I am trying to add the google map on my wp site but it is not working i m getting blank and even when i m trying to click on show map there also blank page coming kindly help me out of this problem.

  5. Great piece of code !
    But the plugin no longer works since upgrade to 3.5.1
    Error message displayed

    Please help !
    Cheers

    Michel

  6. I don’t have an answer, but I am running into address issues as well… I changed the address, but it keeps showing the old one and is non-responsive to my changes…

  7. Hi,

    Since few week, adding point with address is impossible.
    “The Address can’t be located.” error for every address. It’s work fine if latitude and longitude are complete.

    Bug ? Anybody encountered the same problem ?
    Could you help me please ?

    Thanks all

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>