Title: Google Map with FancyBox Popup
Author: gopiplus
Published: <strong>2014 年 4 月 29 日</strong>
Last modified: 2022 年 12 月 1 日

---

搜索插件

![](https://ps.w.org/google-map-with-fancybox-popup/assets/banner-772x250.png?rev
=905144)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/google-map-with-fancybox-popup/assets/icon-256x256.png?rev=
1017492)

# Google Map with FancyBox Popup

 作者：[gopiplus](https://profiles.wordpress.org/gopiplus/)

[下载](https://downloads.wordpress.org/plugin/google-map-with-fancybox-popup.zip)

 * [详情](https://cn.wordpress.org/plugins/google-map-with-fancybox-popup/#description)
 * [评价](https://cn.wordpress.org/plugins/google-map-with-fancybox-popup/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/google-map-with-fancybox-popup/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/google-map-with-fancybox-popup/#developers)

 [支持](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/)

## 描述

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.

Check official website for live demo [http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)

 * [Live Demo](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)
 * [More Informations](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)
 * [Suggestion](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)
 * [Video Tutorial](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)

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.

#### Plugin Features:

 1. Lightweight JQuery (fancybox extension).
 2. Google map in popup window.
 3. Responsive.
 4. Easily controllable back-end.
 5. Support for localization.

#### Frequently Asked Questions:

 1. How to install the plugin into my WordPress blog?
 2. How to add and edit Google Map?
 3. How to change the popup window size?
 4. How to change the popup overlay color?

#### Configuration option:

How to add Google Map in specific page/post?

Using the plugin short code you can add the Google Map in specific posts or pages.
Please find the short code below.

You have to set your Map ID in the id parameter. To view your Map ID go to your 
Dashboard ==> Settings ==> Google Map.

How to add Google Map in widget?

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.

How to add Google Map PHP file?

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.

#### 译:

 * French (fr_FR) – [Shannon Martin](http://purehcgdietdrops.com/)
 * Tamil (ta) – [Gopi Ramasamy](http://gopiplus.com/)
 * English (en_EN) – [Gopi Ramasamy](http://www.gopiplus.com/)
 * Polish (pl_PL) – [Abdul Sattar](https://www.couponmachine.in/)

## 屏幕截图

[⌊Front Page 1. http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-
popup-wordpress-plugin/⌉⌊Front Page 1. http://www.gopiplus.com/work/2014/04/26/google-
map-with-fancybox-popup-wordpress-plugin/⌉[

Front Page 1. http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-
wordpress-plugin/

[⌊Front Page 2. http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-
popup-wordpress-plugin/⌉⌊Front Page 2. http://www.gopiplus.com/work/2014/04/26/google-
map-with-fancybox-popup-wordpress-plugin/⌉[

Front Page 2. http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-
wordpress-plugin/

[⌊Admin Page. http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-
wordpress-plugin/⌉⌊Admin Page. http://www.gopiplus.com/work/2014/04/26/google-map-
with-fancybox-popup-wordpress-plugin/⌉[

Admin Page. http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-
wordpress-plugin/

## 安装

[Installation Instruction and Configuration](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)

## 常见问题

Q1. How to install the plugin into my WordPress blog?

Q2. How to add and edit Google Map?

Q3. How to change the popup window size?

Q4. How to change the popup overlay color?

[FAQ Answer](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)

## 评价

![](https://secure.gravatar.com/avatar/4f206f19871c39166ddd69c559fd4ffb6ed7da66eab569f31fe70b63fd1db1d0?
s=60&d=retro&r=g)

### 󠀁[Kind of works](https://wordpress.org/support/topic/kind-of-works-7/)󠁿

 [scottstorebloom](https://profiles.wordpress.org/scottstorebloom/) 2024 年 11 月
12 日

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.

![](https://secure.gravatar.com/avatar/c21356f046c0b87c2d8d13374aea5bbeeedb932b63e56a4de59ab890352754e0?
s=60&d=retro&r=g)

### 󠀁[Doesn’t work](https://wordpress.org/support/topic/doesnt-work-1503/)󠁿

 [jackoneill](https://profiles.wordpress.org/jackoneill/) 2018 年 6 月 10 日

It doesn't work, the map won't load. It probably needs API key, but there is no 
option to enter the key.

![](https://secure.gravatar.com/avatar/619846bb44735a7b102535b8d2d38789aa26c94c39fedfc88321ce8f938c47d0?
s=60&d=retro&r=g)

### 󠀁[Breaks other plugins](https://wordpress.org/support/topic/breaks-other-plugins-3/)󠁿

 [stuardostr](https://profiles.wordpress.org/stuardostr/) 2016 年 9 月 3 日

This plugin injects jQuery 1.3.4 and breaks other plugins that use a new version
of the jQuery lib. If you force WP to use a newest jQuery lib, the plugin crashes.

 [ 阅读所有5条评价 ](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/)

## 贡献者及开发者

「Google Map with FancyBox Popup」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ gopiplus ](https://profiles.wordpress.org/gopiplus/)
 *   [ www.gopiplus.com ](https://profiles.wordpress.org/wwwgopipluscom/)

「Google Map with FancyBox Popup」插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/google-map-with-fancybox-popup/contributors)
为本插件所做的贡献。

[帮助将「Google Map with FancyBox Popup」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/google-map-with-fancybox-popup)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/google-map-with-fancybox-popup/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/google-map-with-fancybox-popup/)，
或通过[RSS](https://plugins.trac.wordpress.org/log/google-map-with-fancybox-popup/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/google-map-with-fancybox-popup/)。

## 更新日志

#### 1.0

 * First version

#### 1.1

 * Tested up to 4.0
 * PHP Warning alert has been solved.

#### 1.2

 * Tested up to 4.1

#### 1.3

 1. Tested up to 4.2.2

#### 1.4

 1. Tested up to 4.3

#### 1.5

 1. Tested up to 4.4
 2. Text Domain slug has been added for Language Packs.

#### 1.6

 1. Tested up to 4.5
 2. Sanitization added for all input value.

#### 1.7

 1. Tested up to 4.6
 2. Google API updated to latest version.

#### 1.8

 1. Tested up to 4.7

#### 1.9

 1. Tested up to 4.8

#### 2.0

 1. Tested up to 4.9

#### 2.1

 1. Google API and FancyBox version update

#### 2.2

 1. Tested up to 5.0

#### 2.3

 1. Tested up to 5.1

#### 2.4

 1. Tested up to 5.2
 2. Uninstall option added.

#### 2.5

 1. Tested up to 5.3

#### 2.6

 1. Tested up to 5.4

#### 2.7

 1. Tested up to 5.5

#### 2.8

 1. Tested up to 5.7

#### 2.9

 1. Tested up to 5.8
 2. Use plugin short code in the widget.

#### 3.0

 1. Tested up to 5.9

## 额外信息

 *  版本 **3.0**
 *  最后更新：**4 年前**
 *  活跃安装数量 **100+**
 *  WordPress 版本 ** 3.4 或更高版本 **
 *  已测试的最高版本为 **6.1.15**
 *  语言
 * [English (US)](https://wordpress.org/plugins/google-map-with-fancybox-popup/)
   和 [Russian](https://ru.wordpress.org/plugins/google-map-with-fancybox-popup/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/google-map-with-fancybox-popup)
 * 标签
 * [fancybox](https://cn.wordpress.org/plugins/tags/fancybox/)[google map](https://cn.wordpress.org/plugins/tags/google-map/)
   [popup](https://cn.wordpress.org/plugins/tags/popup/)
 *  [高级视图](https://cn.wordpress.org/plugins/google-map-with-fancybox-popup/advanced/)

## 评级

 2.8 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/?filter=3)
 *  [  1 条 2 星评价     ](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/?filter=2)
 *  [  2 条 1 星评价     ](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/?filter=1)

[您的评价](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/reviews/)

## 贡献者

 *   [ gopiplus ](https://profiles.wordpress.org/gopiplus/)
 *   [ www.gopiplus.com ](https://profiles.wordpress.org/wwwgopipluscom/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/google-map-with-fancybox-popup/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](http://www.gopiplus.com/work/2014/04/26/google-map-with-fancybox-popup-wordpress-plugin/)