[WordPress] 外掛分享: MapTip

WordPress 外掛 MapTip 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「MapTip」是 2016-11-03 上架。
  • 目前有 10 個安裝啟用數。
  • 上一次更新是 2016-11-04,距離現在已有 3104 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

aviket |

外掛標籤

tooltip | image tooltip | content tooltip | wordpress tooltip plugin | jquery tooltip wordpress plugin |

內容簡介

MapTip 是一個 jquery 工具提示外掛程式,用於顯示一個城市或地點的地圖,當滑鼠懸停在該城市名稱上方時。使用起來非常簡單。
基本提示功能借鑒了 tooltipster WordPress 外掛程式。
Tooltipster Jquery 函式庫的連結: http://iamceege.github.io/tooltipster/
Tooltipster 外掛程式的網址: https://wordpress.org/plugins/tooltipster/

它在基礎 tooltipster 外掛程式中有 10+ 的功能,例如動畫、位置、標題、文字、圖像、速度、延遲、圖示、主題、觸發等等。

安裝外掛程式後,您必須在開頭和結尾的短代碼中包含城市名稱,如下所示:
[MapTip]孟買[/MapTip]
[MapTip]雅加達[/MapTip] 是印尼的首都。
我們從 [MapTip]新德里[/MapTip] 前往 [MapTip]加爾各答[/MapTip]。

該外掛程式參考 Overpass api 找到地點名稱的緯度和經度。(http://overpass-api.de/)
您可以在此了解有關 Overpass API(原稱 OSM Server Side Scripting)的詳情: http://wiki.openstreetmap.org/wiki/Overpass_API
如果地點名稱拼寫錯誤或不存在於 openstreetmap 資料庫中,工具提示會顯示「未找到地圖」的訊息。
您可以使用動畫值 "淡入"、"放大"、"揮舞"、"滑動"、"倒下"
您可以覆蓋預設主題(即顏色、邊框和一般外觀)。
有四種可用的主題:"tooltipster-light"、"tooltipster-noir"、"tooltipster-punk" 和 "tooltipster-shadow"。
還有其他選項可用,例如延遲、動畫持續時間等等。
要使用它們,您必須將它們作為引數傳遞到短代碼中,例如:
[MapTip animation=”swing”]孟買[/MapTip] 是馬哈拉施特拉邦的首都

[MapTip theme=”tooltipster-noir”]普內[/MapTip] 是馬哈拉施特拉邦第二大的城市

[MapTip animation=”grow”]新德里[/MapTip] 是印度的首都

[MapTip]奇普倫[/MapTip] 是昆坎地區的一個地方。

工具提示中顯示的地圖具有一些預設的縮放因子。您可以通過在短代碼中指定它來覆蓋縮放因子。

[MapTip zoom=”10″]奇普倫[/MapTip] 是昆坎地區的一個地方。

我的朋友住在[MapTip]倫敦[/MapTip]。

用於獲取地圖圖像的是 Mapquest staticmap api。
有關 staticmap 的更多信息,請參見: http://www.mapquestapi.com/staticmap/
OpenStreetMap 和 MapQuest 都有 "公平使用政策",因此如果某個 IP 有太多請求,該 IP 會被暫時封鎖。

已知問題:
如果存在多個名稱相同的地點,API 會返回所有紀錄,並選擇第一個顯示地圖提示。因此,您可能無法看到您打算查看的地點的地圖。

原文外掛簡介

MapTip is a jquery tooltip plugin. It is used to display map of a city or place, when mouse is hovered over the city name. It very easy to use.
The basic tooltip facility is borrowed from tooltipster wordpress plugin.
Link to the Tooltipster Jquery Library: http://iamceege.github.io/tooltipster/
URL for Tooltipster plugin: https://wordpress.org/plugins/tooltipster/
it has 10+ features in the base tooltipster plugin.
example animation, position, title, text, image, speed, delay,icon ,theme, trigger etc.
After installing the plugin, you have to enclose the city name within opening and closing shortcodes like below:
[MapTip]Mumbai[/MapTip]
[MapTip]Jakarta[/MapTip] is capital of indonesia.
We were travelling from [MapTip]New Delhi[/MapTip] to [MapTip]Kolkata[/MapTip]
The plugin refers to Overpass api for finding latitude and longitude from the place name.(http://overpass-api.de/)
You can find more about Overpass API (formerly known as OSM Server Side Scripting) at : http://wiki.openstreetmap.org/wiki/Overpass_API
If the place name is misspelled or it doesn’t exist in openstreetmap database, the tooltip shows
the message “Map Not Found”.
You can use animation values ‘fade’, ‘grow’, ‘swing’, ‘slide’, ‘fall’
You can override default theme (i.e colors, borders and general appearance).
There are four themes available “tooltipster-light” , “tooltipster-noir” , “tooltipster-punk” and “tooltipster-shadow”
There are other options available like delay, animationduration etc.
For using them, you have to pass them as arguments to the shortcode like:
[MapTip animation=”swing”]Mumbai[/MapTip] is capital of Maharashtra
[MapTip theme=”tooltipster-noir”]Pune[/MapTip] is the second most big city of Maharashtra
[MapTip animation=”grow”]new delhi[/MapTip] is capital of India
[MapTip]Chiplun[/MapTip] is a place in konkan region.
The map shown in the tooltip has some default zoom factor. You can override the zoom factor by specifying
it in the shortcode.
[MapTip zoom=”10″]Chiplun[/MapTip] is a place in konkan region.
My friend stays in[MapTip]London[/MapTip].
For getting the map images, Mapquest staticmap api is used.
For more information about staticmap refer: http://www.mapquestapi.com/staticmap/
Both openstreetmap and MapQuest have “Fair Usage Policy” in place , so if
there are too many requests from a single IP, that IP is temporarily blocked.

Known issues:
If there are multiple places with the same name, all the records are returned by the API and
the first one is selected for displaying the map tip. So, you may not see the map of the place you intend to see.

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「MapTip」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


最新版本

延伸相關外掛(你可能也想知道)

  • Tooltipster 》Tooltipster 是一個 jQuery 提示工具外掛。非常容易使用,可以添加自定義圖像、文字、標題。, 它還有10多個特點,例如動畫、位置、標題、文字、圖像、速度、...。
  • Vocatip 》Vocatip 是一個 jQuery 工具提示外掛程式。在滑鼠懸停在文章或頁面上的字詞時,它可用於顯示詞匯的反義詞、同義詞、韻律等。非常容易使用。, 基本工具提示功...。

文章
Filter
Apply Filters
Mastodon