Work Camping 網站地圖
Work Camping 網站地圖 — Elementor map + list sync for campsite listings
by Work Camping · github.com/tim90403/work-camping-map · website
★ 0stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/tim90403/work-camping-map/archive/refs/heads/main.zipWork Camping Map — Elementor 地圖搜尋外掛:左側 Loop 列表與右側 Google Maps 標記同步,整合 Secure Custom Fields 地址欄位。
Description
Work Camping 網站地圖(Work Camping Map)提供兩個 Elementor Widget:
- Work Camping 地圖列表:使用 Elementor Pro Loop Item 版型呈現項目,並依地圖視野過濾
- Work Camping 地圖:每篇文章一個標記;點開後以 Loop Item 顯示內容
後台可設定:
- Google Maps API Key(Maps JavaScript API + Geocoding API)
- 文章類型(Post Types):自動列出站上現有類型,含 CPT UI 後續新增的自訂類型
- SCF/ACF 地址 Field Name(預設「地址」)
地址會透過 Geocoding 轉成座標並快取於 post meta。若 API Key 僅限制瀏覽器網域,外掛會改由前端 Geocoder 轉換並回寫快取。
除錯:於網址加上 ?wcm_debug=1 可開啟前台除錯視窗。
Installation
- 啟用 Elementor、Elementor Pro、Secure Custom Fields(或 ACF)
- (建議)用 CPT UI 建立露營地等文章類型
- 上傳並啟用本外掛
- 到「設定 → Work Camping Map」填寫 API Key、勾選 Post Type、填寫地址欄位名
- 在 Elementor 建立 Loop Item 版型(列表與標記懸浮視窗可共用或分開)
- 於頁面放入「Work Camping 地圖列表」與「Work Camping 地圖」,設相同連動 ID;地圖 Widget 請選擇「標記懸浮視窗 Loop Item」
Changelog
1.0.2
- 地圖 Widget 新增「列表連動」設定:可控制列表滑鼠經過/點擊時是否縮放,以及縮放等級
- 預設改為滑鼠經過列表時不縮放,僅移動地圖
1.0.1
- 地圖高度支援自訂 CSS(如 calc(100vh - 80px))
- 標記彈窗改為自訂 Overlay,直接顯示 Loop Item,不再使用 Google InfoWindow 外層
1.0.0
- 初版:自 Soleman Map Search 分叉為 Work Camping 網站地圖
- 移除大廈聚合;改為每篇文章一個地圖標記
- Post Type 清單動態讀取站上類型(含 CPT UI 自訂類型)
- 預設語系繁體中文;Geocoding 偏向台灣