Title: Embed Webmap
Author: gavinr
Published: <strong>2014 年 8 月 8 日</strong>
Last modified: 2019 年 1 月 28 日

---

搜尋外掛

![](https://ps.w.org/embed-webmap/assets/banner-772x250.png?rev=962765)

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/embed-webmap_ffffff.svg)

# Embed Webmap

 由 [gavinr](https://profiles.wordpress.org/gavinr/) 開發

[下載](https://downloads.wordpress.org/plugin/embed-webmap.2.0.4.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/embed-webmap/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/embed-webmap/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/embed-webmap/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/embed-webmap/#developers)

 [技術支援](https://wordpress.org/support/plugin/embed-webmap/)

## 外掛說明

Easily and quickly embed ArcGIS Online Webmaps into WordPress!

_Usage_

Get your webmap ID (see screenshots for help) of a public webmap in ArcGIS Online,
then in any page or post in WordPress include this shortcode:

    ```
    [webmap id="52475e6edb18471780858627b40460c2"]
    ```

… replacing the ID section with the webmap ID that you got from your map.

You can add many different options to the shortcode. See “Other Notes” above for
details.

### Shortcode Options

 * **id** – The webmap ID of the map you wish to embed. Get this from the URL bar
   on arcgis.com. See the “Screenshots” page for help. Example: [webmap id=”52475e6edb18471780858627b40460c2″]
 * **extent** – in the “shortened” form. Use http://psstl.esri.com/apps/extenthelper/
   for help. Example: [webmap extent=”-159.3635,7.093,-45.8967,63.7401″]
 * **height** – specify the height, in pixels. Example: [webmap height=”600″]
 * **width** – specify the width, in pixels. Example: [webmap width=”230″]
 * **zoom** – Include zoom buttons. Example: [webmap id=”52475e6edb18471780858627b40460c2″
   zoom]
 * **home** – Include a home button. If this is included, the zoom buttons will 
   automatically be included. Example: [webmap id=”52475e6edb18471780858627b40460c2″
   home]
 * **scale** – Include a scale bar. Example: [webmap scale id=”52475e6edb18471780858627b40460c2″]
 * **legend** – Include a legend button. Example: [webmap id=”52475e6edb18471780858627b40460c2″
   legend]
 * **search** – Include a location search textbox. Example: [webmap id=”52475e6edb18471780858627b40460c2″
   search]
 * **searchextent** – When using ‘search’ (above), only search the current extent.
   Example: [webmap id=”52475e6edb18471780858627b40460c2″ search searchextent]
 * **basemap_toggle** – Show a basemap toggle. Must also include ‘alt_basemap’ to
   indicate alternate basemap that will show when the toggle button is clicked. 
   Example: [webmap id=”52475e6edb18471780858627b40460c2″ basemap_toggle alt_basemap
   =”streets”]
 * **basemap_gallery** – Include a basemap menu. [webmap id=”52475e6edb18471780858627b40460c2″
   basemap_gallery]
 * **view-larger-link** – Include a link below the map to view the map in a larger
   window. Example: [webmap id=”52475e6edb18471780858627b40460c2″ view-larger-link]
 * **disable_scroll** – When the mouse is over the map, the scroll will not zoom
   the map if this is added. Example: [webmap id=”52475e6edb18471780858627b40460c2″
   disable_scroll]
 * **details** – Show the map details pane. Example: [webmap id=”52475e6edb18471780858627b40460c2″
   details]

Depricated Options:

 * **description** – DEPRICATED. PLEASE USE ‘DETAILS’ INSTEAD.
 * **basemaps** – DEPRICATED. PLEASE USE BASEMAP_GALLERY INSTEAD.

## 螢幕擷圖

 * [[
 * Get webmap ID from Arcgis.com details page.
 * [[
 * Or, get webmap ID from Arcgis.com map page.
 * [[
 * Then, embed the ID in your WordPress page or post using the shortcode.
 * [[
 * Your map appears!
 * [[
 * The shortcode has many options, including legend and zoom.

## 安裝方式

#### Using The WordPress Dashboard

 1. Navigate to the ‘Add New’ in the plugins dashboard
 2. Search for ’embed-webmap’
 3. Click ‘Install Now’
 4. Activate the plugin on the Plugin dashboard

#### Uploading in WordPress Dashboard

 1. Navigate to the ‘Add New’ in the plugins dashboard
 2. Navigate to the ‘Upload’ area
 3. Select `embed-webmap.zip` from your computer
 4. Click ‘Install Now’
 5. Activate the plugin in the Plugin dashboard

#### Using FTP

 1. Download `embed-webmap.zip`
 2. Extract the `embed-webmap` directory to your computer
 3. Upload the `embed-webmap` directory to the `/wp-content/plugins/` directory
 4. Activate the plugin in the Plugin dashboard

## 常見問題集

  What is Arcgis.com and how do I create a webmap?

Go to http://www.arcgis.com. If you have an account, login. If not, sign up for 
an account. Then create a new map, add some content, save, then share the map publicly.
Then use the webmap ID (see the “Screenshots” page for help) to embed the map in
WordPress in the format `[webmap id="MyWebmapId"]`

  Does my webmap need to be publicly shared?

Yes. Share your webmap with the public, copy the webmap ID (from the URL bar when
you’re on the ArcGIS Online map page) and paste it into the shortcode!

  What options are available in the shortcode?

Height, width, zoom, scale, and many more! Please see the “Shortcode Options” page
for more details.

  Feedback, Problems, Questions?

File issues on the github page: https://github.com/gavreh/embed-webmap. Also, you
can find more resources at http://www.gavinr.com/embed-webmap-plugin.

## 使用者評論

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

### 󠀁[Still works! 5⭐](https://wordpress.org/support/topic/still-works-5%e2%ad%90/)󠁿

 [photoMaldives](https://profiles.wordpress.org/photomaldives/) 2023 年 4 月 10 
日

Yesterday I was using the official plugin (why are links no longer allowed?) – Web
Maps for WordPress By GEO-Jobe GIS Consulting.It worked well in itself, but broke
functionality on my site that I was unable to fix (I use Divi page builder and some
custom plugins). I was apprehensive installing this old unofficial plugin, but it
works very well and does not seem to break anything else on my site. (In fact, even
my old shortcode worked, out of the box!) It would be nice to get a plugin update
to officially confirm WP compatability and remove the soft warning:”Version: 2.0.4
Last updated: 4 years ago.This plugin hasn’t been tested with the latest 3 major
releases of WordPress. It may no longer be maintained or supported.” But other than
that, many thanks to the author @gavinr for providing this option. 5⭐

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

### 󠀁[Working in WordPress 5.8.2!](https://wordpress.org/support/topic/working-in-wordpress-5-8-2/)󠁿

 [jaapsmitadvies](https://profiles.wordpress.org/jaapsmitadvies/) 2021 年 11 月 
24 日

Great Plugin, Not working: basemap_toggle view-larger-link Jaap

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

### 󠀁[Added ERSI ARCGis map](https://wordpress.org/support/topic/added-ersi-arcgis-map/)󠁿

 [dgrimes](https://profiles.wordpress.org/dgrimes/) 2020 年 3 月 31 日

I had to jump to HTML mode to make sure the correct double-quotes got add, but that
was easy. The plugin works great. Thanks for developing.

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

### 󠀁[Easy way to embed ESRI webmap](https://wordpress.org/support/topic/easy-way-to-embed-esri-webmap/)󠁿

 [rsheaks](https://profiles.wordpress.org/rsheaks/) 2017 年 7 月 20 日

This is easy to use shortcode to embed a web map into your wordpress site. I have
little experience with WP and coding and I was able to go into the text portion 
of my frontpage and add [webmap id=”????f8926afa4?????ed2dc80e6b????” height=”650″]
to get mey ESRI web map at the correct height for my site. There are many other 
custom short-code options in the description that you simply type between the brackets.
This plugin works great!

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

### 󠀁[Simple Straightforward Plug-in that saves a ton of coding](https://wordpress.org/support/topic/simple-straightforward-plug-in-that-saves-a-ton-of-coding/)󠁿

 [Hepburn](https://profiles.wordpress.org/thomas-hepburn/) 2016 年 9 月 3 日 1 則
留言

An Excellent Plug-in for Version 1.0 I wanted to give 4 and-a-half stars but decided
to round up. There is a bit of confusion with using the ‘extent’ option. The author
gives a link for help, which I used, but the helper site gave the wrong info…. I
think. Just a wee bit more help with Options in shortcodes, but truly awesome. Thanks.

 [ 閱讀全部 6 則使用者評論 ](https://wordpress.org/support/plugin/embed-webmap/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Embed Webmap〉的開發相關工作。

參與者

 *   [ gavinr ](https://profiles.wordpress.org/gavinr/)

〈Embed Webmap〉外掛目前已有 1 個本地化語言版本。 感謝[全部譯者](https://translate.wordpress.org/projects/wp-plugins/embed-webmap/contributors)
為這個外掛做出的貢獻。

[將〈Embed Webmap〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/embed-webmap)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/embed-webmap/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/embed-webmap/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/embed-webmap/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/embed-webmap/)。

## 變更記錄

#### 2.0.4

 * 2019-01-27
 * Fixing bug where on some servers the widget would not show.

#### 2.0.3

 * 2018-01-18
 * Sanitize shortcode parameters
 * Localize ‘View larger map’ string

#### 2.0.2

 * 2018-01-14
 * Removed unnecessary activation/deactivation/uninstall of the widget. https://
   github.com/gavinr/embed-webmap/issues/1

#### 2.0.1

 * 2017-11-09
 * Supports WordPress 4.9

#### 2.0

 * 2016-04-10
 * Updating to work with WordPress 4.5
 * ‘description’ and ‘basemaps’ are now depricated. See the readme for alternatives.
   They should still work in this version but may not in the future.
 * New shortcode options! Added ‘searchextent’, ‘basemap_toggle’, ‘alt_basemap’,‘
   basemap_gallery’, ‘disable_scroll’, ‘details’ options.
 * Misc code cleanup.

#### 1.0

 * 2014-08-08
 * Initial Release

## 中繼資料

 *  版本 **2.0.4**
 *  最後更新 **7 年前**
 *  啟用安裝數 **300+**
 *  WordPress 版本需求 ** 3.5.1 或更新版本 **
 *  已測試相容的 WordPress 版本 **5.0.25**
 *  語言
 * [English (US)](https://wordpress.org/plugins/embed-webmap/) 及 [Spanish (Colombia)](https://es-co.wordpress.org/plugins/embed-webmap/).
 *  [將這個外掛本地化為你的母語版本](https://translate.wordpress.org/projects/wp-plugins/embed-webmap)
 * 標籤:
 * [arcgis](https://tw.wordpress.org/plugins/tags/arcgis/)[gis](https://tw.wordpress.org/plugins/tags/gis/)
   [maps](https://tw.wordpress.org/plugins/tags/maps/)
 *  [進階檢視](https://tw.wordpress.org/plugins/embed-webmap/advanced/)

## 評分

 4.6 星，滿分為 5 星

 *  [  5 個 5 星使用者評論     ](https://wordpress.org/support/plugin/embed-webmap/reviews/?filter=5)
 *  [  1 個 4 星使用者評論     ](https://wordpress.org/support/plugin/embed-webmap/reviews/?filter=4)
 *  [  1 個 3 星使用者評論     ](https://wordpress.org/support/plugin/embed-webmap/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/embed-webmap/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/embed-webmap/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/embed-webmap/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/embed-webmap/reviews/)

## 參與者

 *   [ gavinr ](https://profiles.wordpress.org/gavinr/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/embed-webmap/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.gavinr.com/donate)