前言介紹
- 這款 WordPress 外掛「Travel Map」是 2017-06-22 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2017-06-23,距離現在已有 2872 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
- 外掛最低要求 WordPress 3.7 以上版本才可以安裝。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。
外掛協作開發者
liuyang | samueljesse | uditvirwani |
外掛標籤
maps | baidu | route | travel |
內容簡介
這個 WordPress 外掛讓你輕鬆創建旅遊百度地圖並添加到你的網站上。你可以創建一個或多個旅遊地圖,然後使用簡碼將地圖插入到頁面中。
使用 Travel Baidu Maps 外掛,你可以生成包含多個位置、路線、超鏈接和圖片的地圖。
這個插件的動機在於中國大陸用戶無法訪問 Google 地圖,因此他們無法使用基於 Google API 的地圖插件,但基於百度 API 的地圖插件有些功能有所限制。
這個插件是由 "Custom baidu maps" 插件衍生而來,但使用方式完全不同,增強了很多功能。
基本使用:
你只需要將地圖保存為草稿,然後在地圖列表頁面中找到一個簡碼,或在點擊"發佈"按鈕後在當前頁面中找到它。
[btmap id="id"]
選項:
- id:旅遊地圖的唯一 ID,例如 333
進階使用:
輸入你的百度開發者 API 金鑰(如果你尚未輸入)。
從 WordPress 菜單中選擇 "Travel Map" 帖子類型。
點擊 "新增"。
輸入地圖設置(高度、寬度、縮放和坐標)。
發佈後,將新生成的簡碼添加到頁面內容中。
在地圖上添加標記(選配):
點擊地圖添加新的標記。
在地圖上點擊右鍵設置中心點,設置數據也會隨之更改。
上下滾動縮放地圖,或在地圖上點擊按鈕,設置數據也會隨之更改。
如果你想在開始時看到詳細信息,點擊 "顯示標記詳細信息"。
改變標記的“背景顏色”,可以改變該標記和路線的顏色。
標記的名稱和描述內容支援 HTML,因此你可以嵌入一些小圖片或超鏈接。
在地圖上添加行程(選配):
如果你想在行程中查找行程,點擊 "添加到旅行路線"。
設置 Travel Map 的常規設置:
1. Baidu 開發者 API 金鑰:用於訪問百度地圖 API。
2. 默認路線顏色:你可以指定它以使第一個標記看起來與此默認顏色相同。
3. 默認顯示細節時間:如果一個標記在默認情況下不顯示細節,你可以點擊它顯示細節,然後你可以點擊詳細區域隱藏它,並再次顯示該標記。但是根據我的測試結果,用戶無法在 iPhone 上隱藏詳細內容,因此我增加了這個選項,讓詳細內容在點擊後自動隱藏。
原文外掛簡介
Easily create Travel Baidu Maps to add to any WordPress site. You can create one or multiple travel map
, then insert the map with a shortcode.
With Travel Baidu Maps you can generate a map with multiple locations, a route, hyper links and pictures.
The motive is that China mainland user cannot access Google map, so they could not use these map plugins
based on Google API, but the map plugins based on Baidu API is a little limited.
This plugin comes from “Custom baidu maps” plugin, but the usage is totally different and lots of enhancement.
Basic Usage with shortcodes :
You just need to save the map as draft, then you can find a short code in the maps list page,
or you can find it in the current page after clicking “Publish” button.
[btmap id=”id”]
Options :
– id : unique id for a travel map, such as 333
Advanced Usage Travl Map post-type :
Enter your Baidu Developer API Key (if you have not already).
Select the “Travel Map” post type from the wordpess menu.
Click on “Add New”.
Enter the map settings (height, width, zoom and coordinates).
Upon publishing, add the new generated shortcode to the page content.
Adding a Marker on the map (optional) :
Click on the map to add a new marker to this map.
Right click on the map to set the center point, the setting data will change too.
Scroll up or down to scale the map, or click the button within the map, the setting data will change too.
Click on “Show Marker Details” if you wish to see the details visible at start.
Change the “Back Color” if you wanna the color of that marker and the route ending into it.
The content of name and description for a marker supports HTML, so you could imbed some small image and or hyper link.
Adding a Marker on the map (optional) :
Click on “Add in travel route” if you wish to find it in the travel route.
Set Travel Map general setting:
1. Baidu Developers API key, used to access Baidu map API.
1. Default route color, you can specify it to make your first marker looks with this default color.
1. Default time to show detail after clicking marker, if a marker is set to show no detail at default, you can click
it to show detail, then you can click the detial area to hide it and show the marker again. But as my test result shows,
user cannot hide the detail in iPhone, so I added this option, to let the detail automatically hide after clicking.
各版本下載點
- 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Travel Map」來進行安裝。
(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛(你可能也想知道)
Nomad World Map 》你可以為每個加入地圖的位置設置要顯示的內容類型。可以是部落格文章的節錄、簡短的自定義描述或僅旅行日期。, 定位內容本身會顯示在地圖下方的輪播中。當你...。
Route ‑ Shipping Protection 》關於 Route, Route 為網路零售商提供一系列連接的售後解決方案。透過 Route,商家可以優化售後體驗、增加顧客生涯價值,並通過提供以下服務來區分其品牌:, ,...。
Car Route Planner Plugin 》路線規劃師可以計算世界各地汽車路線的不同數據,例如路線長度、行車時間、燃料量和費用等。, 主要用途:, , 為駕車者提供路線規劃(在自己或租用的汽車上進...。
MW Google Maps 》MW Google Maps 為您的文章添加 Google 地圖,十分方便。, 簡碼, , , [mw-google-maps], 顯示此文章的地圖。, , , [mw-google-maps zoom=”18″], ...。
WP Map Route Planner 》這款外掛可幫助你定位特定和最直接的路線,例如 WooCommerce 訂單交付路線或你所添加的自定義路線,它集成了基於 Google 地圖的路線規劃器並生成該路線的目錄...。
Rest Routes – Custom Endpoints for WordPress REST API 》, 您有沒有想過在不接觸任何 PHP 代碼的情況下為 WP REST API 添加自定義終點?Rest Routes 可以輕鬆實現這一點!它讓您為您的網站構建出色的自定義端點。, ...。
distance-avtodispetcher.ru 》此外掛專門為在俄羅斯城市和主要歐洲城市之間規劃道路路線而設計,僅支援俄語介面。。
WordPress StoryMap Plugin 》這是一個完美的外掛程式,可以輕鬆地在您的 WordPress 網站上創建自己的故事地圖。, 以互動方式,您將能夠定義所有故事的特徵(標題、基地圖),以及其關聯標...。
Orders to Route4Me for WooCommerce 》「Orders to Route4Me for WooCommerce」可以協助您將 WooCommerce 的訂單傳送至 Route4Me,讓您能夠即時整合訂單與路線。此外掛程式內建地理編碼功能,確保...。
SP Google Maps 》SP Google Maps 是一個輕量級的 WordPress 外掛,可以用來製作帶有 Google 地圖與街景的網站地圖。你可以利用這個外掛程式創建無限制的地圖,使用者也能夠基...。
LS Google Map Router 》這個 WordPress 外掛可以設定一個地址在地圖上顯示。使用者可以輸入自己的位置,並且計算出路線,使用 Google 地圖 API 在地圖上展示路線,結合地圖左邊的指...。
Travel Routes 》使用此外掛當您發文時,可以輕鬆地在地圖上加上地理標籤,它會自動創建新的國家和地區詞彙。您還可以按照日期或亂序排序這些位置,以定義您的路線。, 您可以...。
Route | Marketing Automation 》現在,市場自動化真正為市場營銷人員量身打造,而非開發人員!, 無需編碼,從您的網站表單中收集數據,追蹤網站事件,並, 集成多個第三方應用程序,幾分鐘內...。
Logistia 》假設您能在一個應用程式中管理您的產品庫存、為員工分配角色並生成最佳的當地交貨路線。這款應用程式可以與您的在線商店平滑地整合。, 現在,LOGISTIA可以實...。
GPSies Embed 》將GPSies Maps添加到文章和頁面中。(僅適用於WordPress 2.5+), 此外掛讓您能輕鬆地在網誌中插入GPSies地圖和軌跡詳細資訊。, 此外掛符合GPSies API(http:/...。