Skip to content

sysbird/googlemaps-photo-gallery

Repository files navigation

=== Google Maps Photo Gallery ===
Contributors: sysbird
Plugin URI: https://wordpress.org/plugins/google-maps-photo-gallery/
Tags: shortcode, google maps, photo, gallery, gps
Requires at least: 4.0
Tested up to: 5.2.2
Stable tag: 1.2
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html


The shortcode for gallery on Google Maps with geotagged photos.


== Description ==
The shortcode for gallery on Google Maps with geotagged photos.

* [Demo](https://birdsite.jp/2007/09/21/20070921-hakodate/)
* [GitHub](https://github.com/sysbird/googlemaps-photo-gallery)
* [Description in Japanese](http://sysbird.jp/wptips/googlemaps-photo-gallery/)

= 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](https://developers.google.com/maps/documentation/javascript/).
* [fancyBox3](https://fancyapps.com/fancybox/3/) the jQuery plugin is Licensed GPLv3 for open source use.
* [Swiper](http://idangero.us/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)


== Installation ==
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](https://developers.google.com/maps/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".


== Screenshots ==
1. Display photo gallery on Google Maps
2. Zoom in image with lightbox


== Changelog ==
= 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!

About

The gallery on Google Maps with geotagged photos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published