www.gopiplus.com

gopiplus

<p>Google Map With FancyBox Popup plugin allows you to add a Google Map into popup window. This is a great plugin to display your business location in a Google map or, just your personal address in Google Map. This plugin uses the jquery implementation of FancyBox to open popup window. Popup window will open by clicking location address. checkout the live demo for more information.</p>
<p>Check official website for live demo <a href="http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/" rel="nofollow ugc">http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/</a></p>
<ul>
<li><a href="http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/" title="Live Demo" rel="nofollow ugc">Live Demo</a></li>
<li><a href="http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/" title="More Informations" rel="nofollow ugc">More Informations</a></li>
<li><a href="http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/" title="Suggestion" rel="nofollow ugc">Suggestion</a></li>
<li><a href="http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/" title="Video Tutorial" rel="nofollow ugc">Video Tutorial</a></li>
</ul>
<p>Google Map With FancyBox Popup plugin allows you to add a Google Map into popup window. This is a great plugin to display your business location in a Google map or, just your personal address in Google Map. This plugin uses the jquery implementation of FancyBox to open popup window. Popup window will open by clicking location address. checkout the live demo for more information.</p>
<h4>Plugin Features:</h4>
<ol>
<li>Lightweight JQuery (fancybox extension).</li>
<li>Google map in popup window.</li>
<li>Responsive.</li>
<li>Easily controllable back-end.</li>
<li>Support for localization.</li>
</ol>
<h4>Frequently Asked Questions:</h4>
<ol>
<li>How to install the plugin into my WordPress blog?</li>
<li>How to add and edit Google Map?</li>
<li>How to change the popup window size?</li>
<li>How to change the popup overlay color?</li>
</ol>
<h4>Configuration option:</h4>
<p>How to add Google Map in specific page/post?</p>
<p>Using the plugin short code you can add the Google Map in specific posts or pages. Please find the short code below.</p>
<p>You have to set your Map ID in the id parameter. To view your Map ID go to your Dashboard ==> Settings ==> Google Map.</p>
<p>How to add Google Map in widget?</p>
<p>To add Google Map widget to your sidebar, go to your Dashboard. and then click on Widgets menu. You will see a widget called Google Map With FancyBox. Click Add Widget button or drag it to the sidebar on the right.</p>
<p>How to add Google Map PHP file?</p>
<p>Use below PHP code to add Google Map PHP file. You have to set your Map ID in the id parameter. To view your Map ID go to your Dashboard ==> Settings ==> Google Map.</p>
<h4>Translators</h4>
<ul>
<li>French (fr_FR) – <a href="http://purehcgdietdrops.com/" rel="nofollow ugc">Shannon Martin</a></li>
<li>Tamil (ta) – <a href="http://gopiplus.com/" rel="nofollow ugc">Gopi Ramasamy</a></li>
<li>English (en_EN) – <a href="http://www.gopiplus.com/" rel="nofollow ugc">Gopi Ramasamy</a></li>
<li>Polish (pl_PL) – <a href="https://www.couponmachine.in/" rel="nofollow ugc">Abdul Sattar</a></li>
</ul>


Google Map with FancyBox Popup


Can't add new areas. Geocode doesn't work, have to add long/lat manually and the map doesn't show the right location even if the address is right.


Kind of works

It allows you to add a Google Map into popup. Great plugin to display your business location in a Google map or, your personal address in Google Map.

DaganLev

huntlyc

<p>Simple, easy to use, fancybox style popup.</p>
<p>Works for all images in your page that are in anchor tags.  If it finds more than one, it will create a small gallery you can navigate through with the buttons or your keyboard.  Advanced users can open iframes and html content in it fairly easily.</p>
<h4>Avanced users</h4>
<h4>Basic use</h4>
<p>Anchor class for popup: “hs-rsp-popup”</p>
<h4>Advanced use</h4>
<ul>
<li>disable gallery feature and popup for image by adding this class: <strong>no-hsrsp-popup</strong></li>
<li>anchor classes for <strong>iframe</strong> popup <em>“hs-rsp-popup iframe”</em></li>
<li>anchor classes for <strong>html</strong> popup <em>“hs-rsp-popup hiddendiv”</em></li>
</ul>
<h4>Examples</h4>
<p>To popup an image give the anchor tag around the image this class: <em>“hs-rsp-popup”</em><br />
Example: <code><a href="image.png" class="hs-rsp-popup"><img src="image.png" alt="image"/></a></code></p>
<p>For an iframe, set the srct of the iframe and use the class <em>“iframe”</em> combined with <em>“hs-rsp-popup”</em>:<br />
    <a href="http://www.youtube.com/watch?hl=en-GB&v=2WNrx2jq184&gl=GB" title="Bird is the word" rel="nofollow ugc">Watch this</a></p>
<p>You can also use this to show html content. For local content just use the id of the element for the href:<br />
    <a href="#elementid" rel="nofollow ugc">click here</a><br />
    Hello, World!</p>
<p>For remote content, link to the page, for example:<br />
    <a href="http://www.hotscot.net" rel="nofollow ugc">click here</a></p>
<h4>Setting Popup Size (image/iframe)</h4>
<p>You can use the following html5 data attributes in your link to set the size: <code>data-popupheight="100" data-popupwidth="300"</code>  These values are in pixels.</p>
<p>For Example:<br />
    <a href="image.png" rel="nofollow ugc"></a></p>
<p><strong>Note:</strong> for this to work, you have to use <em>both</em> the data-popupwidth and data-popupheight attributes.</p>


Really Simple Popup

Simple, easy to use, fancybox style popup

Google Map with FancyBox Popup vs Really Simple Popup