Difference between revisions of "GeoMashup Google Maps plugin"

Revision as of 15:09, 4 February 2015

The GeoMashup plugin lets you save location information with posts, pages, and other WordPress objects. These objects can then be presented on interactive Google maps in many ways.

Plugin's home page

WordPress Geo Mashup

Working examples of plugin

• Listen to Africa
• the Global Shark Attack Map
• Travelblog Pics of Asia

Getting Started

1. From your blog's dashboard activate the GeoMashup plugin. Go Plugins and click Activate next to the GeoMashup plugin
2. Go to Settings > GeoMashup and click the "Update Options" button on the Overall tab to accept the pre-filled Google Maps API key
3. Review the various options available to you in these settings. These settings are explained in detail at the plugin's documentation

Adding geographical data to your Wordpress posts

Once the plugin has been activated you will have the ability to create placemarks or locations on a Google map when you are writing a new post (scroll to the bottom to see the Google Map).

• Find a location by entering a street address
• Add a location by clicking on the map (you can move your location later if you need to)
• Name your location
• Save your location if you think you may use it more than once, it will then be available from the "Saved Locations" dropdown menu when you create new posts

Add maps to your wordpress posts

Using the GeoMashup shortcode you can embed Google maps to any geolocated post.

1. Create a post
2. Add geolocation data at the bottom
3. In the body of the post include the GeoMashup shortcode [geo_mashup_map]

For more info on available GeoMashup shortcode tags see http://code.google.com/p/wordpress-geo-mashup/wiki/TagReference

Create a Global Map page

You can also create a master map that will display all of your site's placemarks. By clicking on a placemark you'll be able to read the contents of the post associated with that location.

1. Create a static page in your site - give it a name like All Locations or The Big Map
2. Add the GeoMashup short code [geo_mashup_map]
3. In Settings > GeoMashup specifiy this newly created page as your Global Mashup page from the dropdown list and save your changes

Display images in your placemarks

If you'd like an image to appear in the placemark pop-up on your map, set a featured image for the post.

1. Edit your post
2. Click "Set Featured Image" (usually in lower right)
3. Click "Select Files" to upload an image from your computer
4. In the image properties click "Set as featured image"

Note: you may need to re-size this image outside of WordPress to get it to be sized properly in your map.

Know Issues and Work Arounds

Map not displaying at correct height

Some themes (Hemingway, Baskerville ...) appear to interfere with defining the height of the Map. To fix this:

1. Activate the Simple Custom CSS plugin
2. Under Appearance > Custom CSS add the following (replace the height value with your desired height):

.gm-map iframe {
	height: 600px;
 }

• Note: this will affects the iframe window size of all maps on your site so make sure that global and Single map width and heights are set to be the same in your GeoMashup Settings