Responsive Google Map for WordPress gives you many ways to customize Google Map for your WordPress website. You can create as many maps as you want without any limit. All the options are available on a single screen to customize and enhance the map. This Google Map plugins have various features to manage width, height, markers, infowindow, and a lot more.
Features
- You can create any number of Maps without any limit
- We have dropped the jQuery from the backend, so no worries about the future WordPress upgrades
- Easy user interface to customize map in just few minutes
- You can add any number of Maps to the frontend
- We are not finished yet, there is more to come
Table of content
How to use Google Map Plugin?
You can search the Responsive Google Map plugin from the Plugins > Add New section to your website or you can direct download it from the WordPress website. You can find the RGM Maps menus once you installed and activate the plugin.
Add Your Google Map API key
This plugin requires the Google Map API key that you can find from the Google Maps Platform. Once you successfully generate the API key, then copy it and paste it to the RGM Maps > Settings page.
Create the First Google Map
Go to the RGM Maps > Add New menu to create your first Google Map. The following screens will appear after click on the Add New menu under RGM Maps.
The title section is to give it some name to easy remember for the particular map. The Settings section at the right side is used for the Map settings like width, height, zoom etc. Let’s talk about it in detail.
Google Map Settings
This section helps you to control the Map options like width, height, zoom, Map Type etc. The width section by default has 100% to make it responsive over all the devices, you can adjust it as per your need but we recommend you keep it as it is. The height section is also adjustable, you can give any value in pixels to adjust the map height accordingly.
The latitude and longitude are the Maps positions that help you to display the desired location over the map.
You can get these Latitude and Longitudes values by right click on the Map.
The Zoom Level settings helps you to adjust the Map zoom level during map render on the frontend.
The Map Types supported 4 types i.e. Roadmap, Satellite, Hybrid, and Terrain. And the Disable zoom option helps you to disable the zoom option from the frontend.
If you just want to display the Map only ( without markers ), then you just have to play with the Settings option only.
Advanced Settings
The Advanced Settings options help you to attach the Markers and Infowindow over the Map. For the time being, We are supported by Markers and Advanced Markers.
What is the difference between Markers and Advanced Markers?
Makers – If you require to point some location over the map (without infowindow) then you must go through the Markers section. This section has various customizations like custom marker icon, redirection to different links by clicking on the marker, etc. You can add as many markers as you want by click on the “Update” button.
Advanced Markers – Advanced Markers section is similar to the Markers but with more advanced features like Infowindow, Thumbnail to Infowindow etc.
Publish the Map
You can publish or update the map like posts/pages.
Display Google Map to the Frontend
RGM Maps creates a separate shortcode with unique id for every single map. You can use this shortcode to display the map anywhere to the frontend.
FAQ
Does this plugin require the Google Map API key?
Yes, we require Google Map API key to make it working properly. You can get the API keys from the Google Map Platform.
Can I add more than one Map on a single page to my website?
Yes, you can add any number of maps to a single page as well as the entire website.
Does this plugin require any paid subscription?
No, you don’t require any paid subscription. For the time being, We don’t have any plan to make it paid.
If you have any questions, feedback then feels free to write to me. I will be happy to hear from you.
Hi?? How to use the plugin shortcode in a theme?
@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.
Thanks for the great plugin. Works perfectly and very easy to use.
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.
Definitely I love this plugin, thank u 🙂
@DIMILAN:disqus Happy to hear from you 🙂
Hi. I just can’t find your plugin in Plugin search. Can i download it somewhere else?
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
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.
@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?”.
How to add Plugin in template? do_shortcode() function doesn’t work form me. 🙁
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']");
It is responsive but the Red Google Pointer is missing and also missing is the One Touch for directions.
@IanErickson This is because you missed to enable it from Settings > Gmap Settings then enable the option to check the Enable Marker on Map 🙂
it’s realy missed
not into plugin zip
@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?
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(, )
});
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/
cool, it’s work! 🙂
I have the same problem: no marker image in the plugin
Hi Nicolas please wait a while to dig into error.
I would like to change the icon and add a picture or description to it. Is that possible?
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.
Hi Jogesh,
yes, did the trick. Do you know whether you will be able to include a goggle business marker in the next version?
@disqus_BOaishAV5Y:disqus I will try to update it on this weekend or if possible then before it.
Hello Jogesh,
Can I custom the marker? Thank you!
Hi Diego, Please wait for a while for my next update.
Hi Jogesh,
I have enabled draggable map but it is not draggable on my site.
Thanks.
@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/
Can this plug in be used with ig page builder? If so, how?
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/
Pingback: How to make Responsive Google Map with Google Map API