sysbird / googlemaps-photo-gallery Goto Github PK
View Code? Open in Web Editor NEWThe gallery on Google Maps with geotagged photos.
The gallery on Google Maps with geotagged photos.
=== 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!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.