mbvwebdev

<p>This Plugin uses <a href="http://gmap3.net" rel="nofollow ugc">GMAP3 Plugin for jQuery</a></p>
<p>It’s generating HTML/Javascript/jQuery to load a small Google Maps container.</p>
<p>Usage Example: [gmaps center=”{latitude},{longitude}” zoom={zoom} marker=”{lat},{long}” withroute destination=”123 Sample Way, Anytown”]</p>
<p>You can split up the route form from your google maps with [groute]</p>
<p>[groute] requires the [gmaps] code being called beforehand!</p>
<h4>The following arguments are possible:</h4>
<ul>
<li>center: view of the map in “lat,long”</li>
<li>zoom: zoom step</li>
<li>marker: you can set an alternative marker, that is not centered</li>
<li>height: height of the maps div</li>
<li>width: width of the maps div</li>
<li>destination: destination address (street and city), required for route planner</li>
<li>withroute: add a route planner</li>
</ul>
<p>for more details about the arguments, see the <a href="http://gmap3.net/en/catalog/" rel="nofollow ugc">documentation of jQuery gmap3</a></p>
<h4>Developers</h4>
<p><a href="https://github.com/mbv-webdev/wp-gmaps3" rel="nofollow ugc">This Plugin is also available in GitHub</a></p>


gmaps3 Shortcode

sysbird

<p>The shortcode for gallery on Google Maps with geotagged photos.</p>
<ul>
<li><a href="https://birdsite.jp/2007/09/21/20070921-hakodate/" rel="nofollow ugc">Demo</a></li>
<li><a href="https://github.com/sysbird/googlemaps-photo-gallery" rel="nofollow ugc">GitHub</a></li>
<li><a href="http://sysbird.jp/wptips/googlemaps-photo-gallery/" rel="nofollow ugc">Description in Japanese</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>The plugin displays a gallery on Google Maps with geotagged photos that has been uploaded to post.</li>
<li>When clicked the photo on the gallery, zoom in image with lightbox.</li>
<li>It’s compatible with responsive web design.</li>
<li>Based on <a href="https://developers.google.com/maps/documentation/javascript/" rel="nofollow ugc">Google Maps JavaScript API v3</a>.</li>
<li><a href="https://fancyapps.com/fancybox/3/" rel="nofollow ugc">fancyBox3</a> the jQuery plugin is Licensed GPLv3 for open source use.</li>
<li><a href="http://idangero.us/swiper/" rel="nofollow ugc">Swiper</a>  the jQuery plugin is under the MIT License.</li>
</ul>
<h4>Usage</h4>
<ol>
<li>Upload geotagged photos in post.</li>
<li>Please write shortcode [googlemaps-photo-gallery] in the content.</li>
<li>You can set center photo, zoom size and height of Google Maps as the initial display.<br />
example. [googlemaps-photo-gallery center=”5″ zoom=”16″ height=”750″]<br />
center: menu order of photo(default:the last photo)<br />
zoom: Google Maps zooming parameter(0-18 default:15)<br />
height: Google Maps height(px)(default:500)</li>
</ol>


Google Maps Photo Gallery

The shortcode for gallery on Google Maps with geotagged photos.

gmaps3 Shortcode vs Google Maps Photo Gallery