Google Maps Photo Gallery Plugin

The shortcode for gallery on Google Maps with geotagged photos.

• Demo
• GitHub
• Description in Japanese

Features

• The plugin displays a gallery on Google Maps with geotagged photos that has been uploaded to post.
• When clicked the photo on the gallery, zoom in image with lightbox.
• It’s compatible with responsive web design.
• Based on Google Maps JavaScript API v3.
• fancyBox3 the jQuery plugin is Licensed GPLv3 for open source use.
• Swiper the jQuery plugin is under the MIT License.

Usage

1. Upload geotagged photos in post.
2. Please write shortcode [googlemaps-photo-gallery] in the content.
3. You can set center photo, zoom size and height of Google Maps as the initial display.
   example. [googlemaps-photo-gallery center=”5″ zoom=”16″ height=”750″]
   center: menu order of photo(default:the last photo)
   zoom: Google Maps zooming parameter(0-18 default:15)
   height: Google Maps height(px)(default:500)

1. Upload the entire “Google Maps Photo Gallery” folder to the /wp-content/plugins/ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Go to Google Maps API Web
4. Click the [GET A KEY] button and get your API key.
5. Set API key limit for referrer at only your website.
6. Activate the Google Maps JavaScript API.
7. Go to plugins list and activate “Google Maps Photo Gallery”.
8. Set your API Key in “Google Maps Photo Gallery settings page”.

1. 

   Display photo gallery on Google Maps

2. 

   Zoom in image with lightbox

1.3

• remove Domain Path.

1.2

• Fix to use the Google Maps API key.
• Changed the jQuery plugin for lightbox and swipe.
• add option ‘height’.

1.1

• Changed the jQuery plugin for lightbox.

1.0

• Hello, world!