Blogging with Google Maps
I am a big fan of Google Maps and use it regularly for finding directions, finding addresses for places and just for fun. I also like to add Google Maps to websites. There are so many uses for them from showing people the location of a business to highlighting your trip and photos. Perhaps that is why Google Maps are seen in so many mashups all around the web. The only problem with them is unless you are a hard core Javascript programmer Google Maps can be hard to create a custom Google Map with. Here are two ways I have found that are easy to add Google Maps to your blog.
Google Maps My Maps The Google My Maps feature let’s people create their own maps. You can add placemarks, create lines and shapes over top of the map. They have alos made it easy to embed the maps now using an iframe. Simply click the “Link to the page” link and you are given a link to the page and an embed code. Below is a simple map I made with some placemarks of the Town of Rosthern where I live.
Google Maps Plugin for WordPress As great as the Google Maps My Maps features are, I still like to get under the hood a little bit. The Google Maps Plugin for WordPress lets you do just that. While you can use it to create simple maps and with one point, or use it to add a Google Maps My Map into your blog, the real benefit of using the Google Maps Plugin for WordPress is the ability to map blog. The content for the map is not stored in an inline frame on some other server, it is stored right on your blog post so it is able to be indexed by the search engines as content.
To use the Google Maps Plugin for WordPress you need to install in like most other WordPress plugins by uploading it to your plugins folder. You will also need a Google Maps API key for your domain. I entered www.epiblogger.net to get the API key for Epiblogger. Once you have the plugin installed and the API key entered you can start creating maps from simple single marker maps to complex multi-marker maps. You can also use the Google Maps Plugin for WordPress to add your own custom Google My Maps that you made above instead of using the Google inline frame embed code.
Here is the same map I embedded above except I embedded it using the Google Maps Plugin for WordPress. It is a simple link. The default is to add a marker at the center of the map with the content of the link showing on that marker. You can easily turn that off with some of the parameters that are available to customize the map.
I would encourage you to read through the great documentation that is available for the Google Maps Plugin for WordPress. It can walk you through how to create all types of maps to add to your blog with easy to follow instructions.
Conclusion There are other mapping solutions you can use to add maps to your blog, but these are the two I prefer to use because they are easy for anyone to use. For the most basic maps the Google My Maps feature you can have a map embedded on your blog in under five minutes. If you want more control and are concerned about the content of the maps being indexed by search engines then the Google Maps Plugin for WordPress offers you several options to add maps to your blog.
Just think of the possibilities that are open to you now. You could map and blog about your last vacation and add photos/videos to each point. You can create a contact page with your exact location for customers to find you, along with a form to get directions to your office. You can create a custom map to your next blog meet up so no one gets lost. What are some ways you could use maps on your blog?
Comments
Add Interactivity with Google Maps - LGR Webmaster Blog
[...] stuff over at Epiblogger that I really want to post here. This time I wrote a post about how to add Google Maps to your blog. Fortunately you can use the Google My Maps feature on any site so it is not restricted to just [...]
Rudy
I have a good idea on how to use this plugin, but alas, it's not compatible with the Lightbox plugin for WP. Whenever I tried to do the complex map setup using tags, the WP Editor kept eating the title="" entries. I may contact the author if this is another plugin problem or just WP editor issue.
Lee Robertson
I remember reading that the plugin might have problems with other plugins that use the title attribute. It says on the plugin page that you can use the rel attribute instead, so maybe that will fix your problem. <blockquote>Since other plugins may use the title attribute, you can also put these commands in the rel attribute and activate this functionality in the plugin configuration dialog.</blockquote>
Rudy
Hi Lee, I tried using the rel attribute and WP visual editor still deletes it. I would use other editors but AFAIK, WP Admin editor is still the only way to post. Right? I wonder if WP 2.5.x has this problem? Which version is epiblogger.net using?
Lee Robertson
We are at 2.5.1 here at Epiblogger. I don't use the visual editor, it must be stripping out the attributes it does not recognize. Can you try it with the visual editor?
Google Mapping Lunch Bits | The Blog of Rudy Amid
[...] Lee at Epiblogger pointed me to this neat Google Maps Wordpress Plugin. Initially, I had trouble getting it to work, but after a few tweaks, I figured it out. In this post, I&#8217;m featuring my &#8220;Lunch Bits&#8221; Editions 1-19 on the map below. Click on an orange marker to see the pop-up info of the restaurant&#8217;s website, and which Lunch Bits edition featured it. Check them out! [...]
Rudy
It is the visual editor's fault. Apparently the old WP 2.3.1 built-in editor is trying to be smart and cleaned up the HTML codes by deleting the and tags. It's bizarre. Anyway, I used the admin account to edit/save it and now it works. You can <a href="http://www.amid.com/werd/google-mapping-lunch-bits/">check it out</a>!
Lee Robertson
That looks great! Glad to see you got it working. I don't use the built in visual editor so that must be why I never had any problems with it.
Santosh Bhandarkar
Very useful information here. I use the wpGoogleMaps plugin and it works great.