How to Add a Google Map to WordPress
You can give people a pretty good idea of where you are talking about in your blog without needing a map. After all, most of the time you will just be building a frame of reference for your post. If you are trying to give specific directions however, either to promote a business or give out invitations to an event, a map is very helpful.
You can create your own map in whatever graphic design software you are most comfortable with and then upload it to your site as a static image. The problem with that is that your image lacks interactive features. People cannot use it to find specific directions from their starting point. To give them that feature, you should embed a Google map.
Embedding a single map is very easy. All you have to do is look up the address that you want on the Google Maps page. Once the map loads, there will be a little gear icon in the bottom right hand corner of your screen. If you click on this icon, you will get a menu which includes the option Share or embed map. Select that.
This will open a box that displays a share link. You can use this to embed the map into your site if you have Auto Embeds enabled. To do this, go to Settings>>Media in your WordPress admin area. Under Embeds, select Auto Embeds. Then go back to Google Maps and copy that share link.
Once you have that link pasted into a page or post, the map should automatically embed into your site. If that doesn’t work, you can also try the short URL, which is available in the same box that you got the first link from. If you are still encountering difficulties, you can always try to use the link from your address bar. This doesn’t always work for people, but sometimes it does.
Listen to the Latest Episodes Right Now.
Even if the original link that Google Maps gives your properly embeds into your site, you might still want to replace it with the short URL. This is mostly an issue when you want to surround the map with text. The longer link will take up the entire line, making it harder for you to visualize in editor how the end result will look. When you first paste the short link into the editor, anything that is on the same line as it will be read as part of the embed code and return an error.
To get around this, you need to use the embed shortcode. This is just So instead of entering www.GOOGLEMAPSLINK into your post to embed the map, you need to enter www.GOOGLEMAPSLINK. This will place the map into your post without any confusion as to what is part of the embed code and what is not.
If none of those above links work for you, there is still a way to get the map into your post. Back on the Google Maps page in the same box that displays the links, there is an embed map tab. If you click on this, it will give you a preview of the map, along with an embed code. You have the chance here to select what size you would like the embedded map to be. Once you have that set, copy the embed code and paste it into your page or post. Make sure that you are in the HTML editor when you do this and not the Visual editor.
You can use the embed code in a text widget to place a map in the sidebar or footer of your site as well. This might sound like the perfect solution to displaying your business location, but it isn’t. When you use the embed code on a Google Map, it does not include the bright red point of interest marker that you are viewing. If you try to view your own page you will see it, but visitors will not.
Even with this shortcoming, using the share link or embed code to put a map into a post or page works very well if you have one map that you want in one location on your site. If you often use maps in your content, however, the MapPress Easy Google Maps plugin will make your life much easier.
MapPress lets you customize your embedded map. You can add a name, choose the size, and add points of interest. You can also change settings such as alignment, border, controls, and map type. MapPress also makes it easy to put multiple maps on one post or page.
If you want a permanent map in your sidebar or footer, MapPress isn’t the best choice. The Google Maps Widget plugin works much better for that. Once it is activated, it works just like a normal widget. You can drag it to whatever location you want it to be, enter your map’s title and the address that you would like to display and you are good to go. There are additional settings you can play with, such as map size, pin color, zoom level and lightbox settings. Once you have everything configured the way you want, click Save and the map should appear on your site.
If you just want to put one map into a post, using the share link or embed code is a fast and easy way to do that. If you want to get more involved with your map usage, you should look into plugins to help you accomplish your goals.