What's WP
Our everything is about WordPress - best choice of WordPress users!
How to Add Google Map to WordPress Website

How to Add Google Map to WordPress Website

There are a lot of content types you can add into your WordPress site, which include words, images, music, video, and app, etc. At present, you are even allowed to add Google map to website, showing the geographical location of some specific places clearly on the site. To be honest, this feature is particularly suitable for travel, hotel, or sightseeing related websites.

In the following, we’d like to show you detailed guidance concerning about how to add a Google map to WordPress easily.

Use Google Map Related Plugin

One of the easiest ways to integrate your site with a Google map is to utilize the user-friendly WordPress plugin. These tools are very easy to handle. You can search them from WordPress.org or your WordPress admin panel for downloading and installation. After activating one of these plugins, you only need to follow the required steps that are easy to understand. Everything will be done within minutes without the need of any advanced knowledge. Listed below are some of the top options.

Comprehensive Google Map Plugin

https://wordpress.org/plugins/comprehensive-google-map-plugin/

This is a simple and rich featured Google map plugin designed for WordPress websites to showcase their locations. It comes with both premium and free version, for customers who have serious budget as well as who need advanced features.

This plugin is fully featured, completely compatible with jQuery and W3 Total Cache plugin. Besides, it allows users easily to configure the Google map and includes more than 250 custom marker icons. Coming with easy to understand interface, it can be installed as a short code or a widget so that users can make use it by installing the widget or directly inserting the shortcode into posts and pages.

Comprehensive Google Map Plugin

MapPress Easy Google Maps

http://wphostreviews.com/mappress

MapPress is one of the most popular WordPress Google map plugins based on the latest Google maps API. It offers an easy way to add an interactive map to WordPress dashboard and allows users to create a beautiful Google map simply. In the case, you can create custom HTML for the map and even includes pictures and links so that visitors can get right directions on your site.

In addition, the plugin comes with many key features, such as multisite compatible, custom post types, easy management and configuration, custom text and code, real-time traffic, and so on. Eventually, it also offers a Pro version which gives more choices for advanced users.

MapPress Easy Google Maps

WP Google Maps

http://www.wpgmaps.com/purchase-professional-version/

This is the easiest WordPress Google map plugin that helps users to create a custom map and excellent makers with categories, descriptions, link, images and locations. You can be free to insert optimized Google map into your post and pages with the offered codes. Without fuss or iFrames, this plugin is quite easy to use and customize. Besides, this plugin also has a pro version that allows users to create custom maps with high quality makers.

WP Google Maps

WP Google Map Plugin

http://codecanyon.net/item/advanced-google-maps/5211638

This is an advance Google map plugin for building unlimited locations and displaying Google map with shortcodes. It is multilingual and multisite and allows users to build responsive maps for both desktops and smartphones.

This plugin offers rich features to support users, such as Twitter Bootstrap integration, unlimited maps, unlimited locations, customized maker image, displaying Google maps on sidebar, and so on. With all these features, it is perfect for building up local business and websites.

WP Google Map Plugin

Google Map Ready!

http://readyshoppingcart.com/product/google-maps-plugin/

This is an easy to use and customize Google map plugin for WordPress websites. It displays custom Google maps, gives users the ability to set locations with text, images, links and categories. Besides, by using it as a widget or shortcode, you can easily integrate Google maps without any programming skills required.

Google Map Ready

CP Google Maps

https://wordpress.org/plugins/codepeople-post-map/

CP Google Maps is a powerful WordPress plugin that enables user to associate geolocation information to their websites, and insert Google Map in the posts and pages with easy methods. It has a large of settings, such as dealing with huge traffics, additional entries for posts, marker customization, and so on. As a result, it has full ability to make your maps versatile and adaptable.

CP Google Maps

Let’s take WP Google Maps as an example. This plugin allows you not only to build a map, but also to display a detailed introduction of this specific place with a marker.

Once you have activated it in your WordPress site successfully, you can see a new tab of Maps in the left column of the WordPress dashboard.

map tab

Click the Setting button in this category, then you can enter into WP Google Maps setting page that allows you to do some basic configurations, including StreetView, Zoom Controls, Pan Controls and Map type controls.

WP Google Maps setting

Now, you can go to the Maps option to get the short code needed to embed a map for your whole site or some specific posts. In this screen, you can also decide the map name, width, height, map type, map alignment, and GeoRSS URL. Simply finish them based on your real situation and preference. Then, click the button of Save Maps.

get code

Now, you can create your first Google map simply by pasting the code in the content area of your posts or pages.

create first map

You can also add a marker to further describe the address. To achieve this, simply fill out the blanks listed in the image showed in the following.

add a marker

Add the Google Map Manually

This method is also very user-friendly. You can find your targeted location from Google Map, or directly type the addresses of places you’d like to show. Then, you can get the embed iframe code for this specific location by clicking the Link button in the left hand panel. After pasting the HTML to embed into your posts or pages, the map will show instantly on your website.

Besides, you can also click the option of “customize and preview embedded map”, with which you can preview and further customize the map for better display.

google map

Author

Susan Rose is a freelance writer who has a deep knowledge about WordPress. She loves everything related to website building since the freshman year at Christopher Newport University, and loves to share her experience with people all over all the world. This girl is popular among our readers as she is outgoing and energetic. In the daily life, Susan loves detective novels as it can train her logical thinking and creativity.

Close

Want to Learn More About WordPress?

Get Our Free Themes, Plugins, Support, SEO Tips, and Other Tutorials!

Email *