Responsive Google Map WordPress Plugin

by in , on

After getting success of my responsive Google Map post, i decided to create a WordPress Plugin. It is easy to install like the other plugin. The best and favorite part of this plugin is Responsiveness. This plugin don’t need any extra functionality or CSS to make it responsive. You can freely use it on your website sidebar, posts and pages.

responsive_google_map

How to use Google Map Plugin?

It is so simple to use this plugin. Just install it like the other plugins and activate it.

responsive_google_map_step_1

After the plugin activation you will get the GMap icon in posts and pages section’s text editor.

responsive_google_map_step_2

When you click on that GMap icon, then you will get two options to highlight your location on Google Map.

  1. Get your Location with your complete Address including the country name.
  2. OR With laLtitude and Longitude

Just select any option that suitable for you, Enter the information in blank fields and just click on the Insert button to generate the shortcode for the Google Map.

responsive_google_map_step_3

Your shortcode for Responsive Google Map is looks like the below example:

responsive_google_map_step_4

How to Control Zoom, Drag, Marker in the Plugin?

After installation of this plugin you can find a new generated option in Settings > GMap Settings menu. Through these settings you can control the ZOOM, Drag and Marker Settings on the Google Map.

responsive_gmap_control_settings

Please don’t forget to Rate Us

You can set it in Posts, Pages and widgets. Please feel free to report any bug or suggestion in comment section.

Download It

  • Carlos Sanchez

    Hi?? How to use the plugin shortcode in a theme?

    • http://webomnizz.com/ Jogesh Sharma

      @disqus_LS1beaH8t3:disqus Hi, To use this plugin in your theme is easy and described above in the article. If you are facing some problem then please let me know or direct get in touch with me via google+, twitter or facebook.

  • Gabe

    Thanks for the great plugin. Works perfectly and very easy to use.

    • http://webomnizz.com/ Jogesh Sharma

      Glad you like it, I will be updated it soon with some more features, but a little pending because of busy schedule. If you have some ideas related to this plugin then please let me know.

  • DIMILAN

    Definitely I love this plugin, thank u :)

    • http://webomnizz.com/ Jogesh Sharma

      @DIMILAN:disqus Happy to hear from you :)

  • Chris

    Hi. I just can’t find your plugin in Plugin search. Can i download it somewhere else?

    • http://webomnizz.com/ Jogesh Sharma

      I didn’t submitted my plugin on wordpress.org, It is a private plugin(Absolutely Free) which is hosted and maintained by our own server. You not needs to worry about the future updates related to this plugin. Its support auto update feature too.

      Here is a quick download link http://webomnizz.com/blog/wp-content/uploads/2014/01/google-map.zip

  • Chris

    Great plugin, very easy to use. Is there any way to add in the mapping controls (pan, zoom etc) to the map or to change the zoom? I tried to change the zoom in the shortcode without any luck. An help on the above would be great.

    • http://webomnizz.com/ Jogesh Sharma

      @disqus_TWaZ7GJUqG:disqus Hi Chris, First of all thanks you like it. I have updated my Post and added in the end of the post “How to Control Zoom, Drag, Marker in the Plugin?”.

  • Snoopy15

    How to add Plugin in template? do_shortcode() function doesn’t work form me. :(

    • http://webomnizz.com/ Jogesh Sharma

      Snoopy15

      sorry for delay response, May i have know still you have problem to implement google map shortcode into your theme?

      If yes then please let me know hows you are implementing it?


      echo do_shortcode("[om_gmap lat='28.9285745' lng='77.09149350000007' mapHeight='300']");

  • IanErickson

    It is responsive but the Red Google Pointer is missing and also missing is the One Touch for directions.

    • http://webomnizz.com/ Jogesh Sharma

      @IanErickson This is because you missed to enable it from Settings > Gmap Settings then enable the option to check the Enable Marker on Map :)

      • Andrey Ryzhenko

        it’s realy missed
        not into plugin zip

        • http://webomnizz.com/ Jogesh Sharma

          @andreyryzhenko:disqus I think the problem is something else. The image is exists and its working fine. Can you show me the exact error or hows its displaying without marker?

          • Andrey Ryzhenko

            It’s so stange, but then i download from http://downloads.wordpress.org/plugin/responsive-google-map.1.1.zip, I see only ‘contact_form_id.png’ into images/ folder.

            Inside settings.php I see
            $Marker = isset( $options['om_marker'] ) ? plugin_dir_url(__FILE__) . “images/marker_” . $options['om_marker'] . “.png” : “”;

            But if disable line /* */, then img of marker is loading automaticaly from google api:
            var marker = new google.maps.Marker({
            map: map,
            draggable: false,
            /* */
            position: new google.maps.LatLng(, )
            });

          • http://webomnizz.com/ Jogesh Sharma

            Andrey Ryzhenko hi andrey, Please update the plugin with the latest version and its working fine and improved.

            https://wordpress.org/plugins/responsive-google-map/

          • Andrey Ryzhenko

            cool, it’s work! :)

        • Nicolas

          I have the same problem: no marker image in the plugin

          • http://webomnizz.com/ Jogesh Sharma

            Hi Nicolas please wait a while to dig into error.

  • Alexander

    I would like to change the icon and add a picture or description to it. Is that possible?

    • http://webomnizz.com/ Jogesh Sharma

      Alexander Hi Alex, First of all thank you to using my plugin. Right now there is only one custom icon to change in place of marker. And yes your can add the description into the infowindow. There is a option infowindow(with textarea), when you inserting the GMap. Or Simply your can add directly like :

      [om_gmap zoom="9" lat="28.9285745" lng="77.09149350000007" infowindow="Your Description here" wpcf=""]

      Please let me know if it helps you. With my next update i will add a new feature to insert the image and description with new look and feel.

  • Alexander

    Hi Jogesh,

    yes, did the trick. Do you know whether you will be able to include a goggle business marker in the next version?

    • http://webomnizz.com/ Jogesh Sharma

      @disqus_BOaishAV5Y:disqus I will try to update it on this weekend or if possible then before it.

  • Diego Perez

    Hello Jogesh,

    Can I custom the marker? Thank you!

    • http://webomnizz.com/ Jogesh Sharma

      Hi Diego, Please wait for a while for my next update.

  • Sabrina

    Hi Jogesh,

    I have enabled draggable map but it is not draggable on my site.
    Thanks.

    • http://webomnizz.com/ Jogesh Sharma

      @disqus_MQhXLO0ped:disqus Hi Sabrina, Thanks to using the plugin. Can you please tell me what is the version of wordpress you are using? And i hope you are using the latest version of the plugin too https://wordpress.org/plugins/responsive-google-map/

  • Javi

    Can this plug in be used with ig page builder? If so, how?

    • http://webomnizz.com/ Jogesh Sharma

      Hi Javi, I am not familiar with IG Page Builder, If it is in wordpress then ofcause you can use it. You have to directly inserted the shortcode.


      [om_gmap zoom="9" lat="28.9285745" lng="77.09149350000007"]

      And if your it is not in wordpress then following this post to implement responsive google map: http://webomnizz.com/how-to-make-responsive-google-map-with-google-map-api/