前言介紹
- 這款 WordPress 外掛「ACF: Google Maps Field (Multiple Markers)」是 2021-07-27 上架。
- 目前有 300 個安裝啟用數。
- 上一次更新是 2022-06-08,距離現在已有 1061 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 2 人給過評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
外掛標籤
acf | ACF Addon | Google Maps | custom fields | advanced custom fields |
內容簡介
這是一個針對『進階自訂欄位 (Advanced Custom Fields,ACF)』所開發的新欄位類型,讓您可以在單一地圖欄位上放置多個地標 (marker) 並選擇多個位置,除了讓管理介面更簡潔外,還能提供更好的使用者體驗,同時減少 Google Maps API 的載入量。在地圖下方,欄位也會顯示每個地標的地址內容,方便管理。
這個欄位解決了標準 ACF Google Map 欄位僅能選擇單一位置的問題。
如果要選擇多個位置,通常需要在內部使用一個 Google Map 欄位的 Repeater 欄位。這可能會讓管理變得混亂且難以追蹤及管理。
相容性
此 ACF 欄位類型相容於:
* ACF 5
使用說明
在新的 Google Maps (Multiple Markers) 欄位中,您可以:
– 在地圖上左鍵點擊來新增地標
– 在地標上右鍵點擊以刪除它
– 在地圖上拖曳地標
– 在搜尋框中搜尋地點或地址
– 在地圖下方的地址列表上滑鼠懸停以查看對應的地標
– 在地址列表中左鍵點擊垃圾桶圖示以移除它的地標。
Google Maps API
您的 Google Maps API 金鑰需要啟用以下 API:
– 地理編碼 API
– 地點 API
– Maps JavaScript API
誌謝
這是標準 ACF Google Map 外掛的修改/增強版本,一些 Javascript 代碼來自原始欄位,原始 ACF 欄位的開發者應得相關掌聲。
原文外掛簡介
A new field type for Advanced Custom Fields (ACF) that allows you to place multiple markers and choose multiple locations all on a single map field, resulting in a cleaner admin UI, better user experience for the CMS user and fewer Google Map API loads. The field will display the address for each map marker below the map so it’s even more manageable.
This field type solves the problem of only being able to select one location with the standard ACF Google Map field.
To choose multiple locations, you’d normally be required to use a repeater field with a Google Map field in it. This can quickly become chaotic and difficult to keep track of/manage.
Compatibility
This ACF field type is compatible with:
* ACF 5
Usage Instructions
On the new Google Maps (Multiple Markers) field, you can:
– LEFT CLICK on the map to place a new marker
– RIGHT CLICK on a marker to remove it
– CLICK AND DRAG a marker around on the map
– SEARCH for a place or address in the search box
– HOVER over an address in the address list below the map to see which pin it corresponds to
– LEFT CLICK on the trash icon on a row in the address list to remove it’s corresponding marker.
Google Maps API
Your Google Maps API key will need the following APIs enabled:
– Geocoding API
– Places API
– Maps JavaScript API
Credits
This is a modified/enhanced version of the standard ACF Google Map plugin, so some of the Javascript code derives from the original field. Credit for the original of this ACF field goes to the developers of Advanced Custom Fields.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「ACF: Google Maps Field (Multiple Markers)」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | trunk |
延伸相關外掛(你可能也想知道)
Advanced Custom Fields: Font Awesome Field 》在 Advanced Custom Fields 中添加一個Font Awesome 圖標字段類型。, , 指定要使用哪些 Font Awesome...。
ACF Content Analysis for Yoast SEO 》此外掛確保 Yoast SEO 分析包括所有 ACF 內容,包括彈性內容和重複器。, Yoast SEO for WordPress 內容和 SEO 分析不會考慮一篇文章的Advanced Custom Fields...。
Table Field Add-on for ACF and SCF 》表格欄位外掛程式增強了Advanced Custom Fields外掛程式的功能,讓表格編輯更易於使用。, 此外掛程式需要Advanced Custom Fields外掛程式或專業版!, 表格欄...。
ACF: Better Search 》此插件可為 WordPress 搜尋引擎添加額外功能,讓您可以在 Advanced Custom Fields 指定的欄位中搜尋內容。, 一切都是自動運作的,您無需添加任何額外的程式碼...。
Advanced Custom Fields: Gravity Forms Add-on 》提供進階自訂欄位 (Advanced Custom Field),讓 WordPress 編輯使用者或管理員可以在欄位群組配置中選擇 Gravity Form。, 可以在 外掛的 GitHub 存儲庫 中找...。
Advanced Custom Fields: Image Crop Add-on 》ACF圖像裁剪是ACF本地Image字段的擴展版本。, 該字段給開發人員 /管理員提供了一個選項,可以預定義圖像的大小,用戶會在各種編輯屏幕上被提示裁剪。這解決了...。
Advanced Custom Fields: Nav Menu Field 》使用 Nav Menu Field 外掛將導覽選單加入Advanced Custom Fields (ACF)。此外掛會在 ACF(版本 5 和 4)加入 Nav Menu 欄位類型,讓您從 WordPress 管理後台...。
ACF Theme Code for Advanced Custom Fields 》ACF Theme Code 外掛可以自動生成在主題中實現 Advanced Custom Fields 所需的程式碼。以下是該外掛的功能特色:, , - 縮短網站開發時間。, - 當您發布、編輯...。
ACF qTranslate 》此外掛提供 qTranslate-X 相容的 ACF4 和 ACF5PRO 欄位類型,包括文字、文字區域、所見即所得編輯器、影像和檔案。新增欄位至群組時,這些新的欄位類型將在欄...。
ACF Field For Contact Form 7 》此外掛為「Advanced Custom Fields」WordPress 外掛添加一個「Contact Form 7」欄位類型。, 您可以將一個或多個聯絡表單存儲在「Advanced Custom Fields」欄...。
Admin Columns for ACF Fields 》使用此外掛在 WordPress 後端的「所有文章」表格視圖中顯示 ACF 欄位。, 只需在任何常規字段的 ACF 字段設置中啟用新選項「管理列」(請參見以下例外),就會...。
ACF Columns 》使用 ACF Columns(ACF欄位佈局外掛)可以在文章編輯器中將ACF欄位排成欄位群組。, 使用新的ACF 5.7,可以在不同的欄位中使用條件邏輯。, 對於每個欄位,請在...。
LuckyWP ACF Menu Field 》將導覽選單欄位類型加入 Advanced Custom Fields 外掛。, 功能特色, , 可自訂回傳值:ID、物件(WP_Term)或 HTML(使用 wp_nav_menu() 函數)。, 引用過濾器...。
Advanced Custom Fields Repeater & Flexible Content Fields Collapser 》此外掛的「Repeater」和「Flexible Content Field」功能,讓 ACF 變得非常強大,但若有多個欄位使用這兩者中的一個或兩個以上,排序時會顯得相當不便。此外掛...。
Advanced Custom Fields: Typography Field 》「Advanced Custom Fields」外掛的排版類別欄位,讓你新增不同的文字屬性,例如字型大小、字型家族、字體顏色等。, 支援的子欄位, , 字型大小, 字型家族, 字...。