Novo-map : your WP posts on custom google maps

※ 本篇主要介紹 plug-in,有鑑於我偏愛囉哩叭唆(?) 先把一些資料留在最上面:

Novo-map : your WP posts on custom google maps

 

這其實是去年開始使用的,那時候我荒廢部落格已久(好吧現在也還在荒廢中),想說再不寫,2017年去出雲的旅行就永遠不會寫了。

在blog這種文章結構下來說,以前寫遊記就是一篇一篇寫,然後要看就是一篇一篇點來看。更進一步就是設置類別把同一趟旅行放一起,WordPress的選單點開就是文章列表這樣。這沒什麼不好,但這次寫的時候就很想要有那種可以有個地圖,把去過的地方下個 marker,然後點下去就可以連到該次寫的文章記錄這樣。不只直觀又有趣(?) ovo

勤勞的話,其實是可以用 WordPress 的「頁面」+「文章」這種方式弄起來,但,人嘛,沒這麼勤勞的啊!而且科技的進步就是來自於人類的懶惰啊!(喂)我相信一定有 Plug-in 是處理這類型的,所以就東找西找東試西試。

我的需求:

  1. 寫文章的同時可以設定地點 marker,並統整到地圖中。
  2. 地圖設定需要可以設定多個。
  3. 點擊地圖上的 marker 的時候要能夠連結到固定的文章
  4. 最好是能夠有時序顯示

……其實要求頗多的 oAo||  找了幾個看起來跟地圖相關的 plug-in ,但結果跟 booking 相關的比較多(WordPress真是強大啊…)。中途我有找到一個 Nomad World Map,看簡介的時候感覺可以滿足我想要的 3,4,1,2 則是要試試看才知道。不過實際測試後發現,他的地圖就只有一個,如果我有好幾個旅程需要使用,就不是很適合了。(還是其實是我使用錯誤?如果是的話請告訴我!)但如果需要顯示「移動的路徑」就還滿適合的。

後來找了好久(真的好多都跟booking相關…),才找到目前這個 Novo-map。實際使用之後,發現我的需求四個有被滿足了三個(第四個無法顯示前後),我覺得這就可以了,所以 2017 日本廣島出雲之旅 就實際使用這個 Plug-in,想看看使用的成果可以從最整合的頁面(雖然因為只有一個旅程好像看不大出來效果)來看:旅遊紀錄


實際的使用方法大家可以參考user guide 寫得很清楚也很多功能可以設定,我這邊就不全部介紹,但我大致的把「能呈現出來像我這種記錄的設定及方法」做一下記錄。

  1. 安裝 Plug-in:這沒什麼好說的,從「外掛」→「安裝外掛」,用搜尋進行安裝。或是從 WordPress.com 上下載檔案手動安裝也可以!安裝後請啟用。
  2. 因為這個 Plug-in 有使用到 Google 地圖,所以需要 Google 的 API Key。Plug-in 的 Setting 頁面中也有連結連過去 google 說明
  3. 從「外掛」可以進入設定選單,或是從後台管理的左邊 Menu 也可以進入
    • 設定中可以進行
      1. Google Map API Key 設定修改
      2. 刪除重複的標記(可能經過文章修改的關係)
      3. 建立、修改新的地圖
  4. 以我的例子來看,我設定了
    • 「魚ㄦ的旅行地圖」:我的用意是要當個總覽地圖
    • 「2017日本廣島出雲」:這個就是2017年旅行的內容
    • 至於要如何把這兩個地圖做相關(要把「2017日本廣島出雲」設定在「魚ㄦ的旅行地圖」下),可以看下圖的總設定中,有個「You can filter markers per category or tag」,這個設定上層地圖就可以了!
  5. 設定的詳細內容,嗯,因為不少,所以我直接做了張圖,大家直接看圖吧(懶)※ 點圖可以放大
  6. 最後就是看你要把地圖放在哪了!
    • 我的作法是在頁面設定兩個頁面(有上下層關係)來放這兩個地圖
    • 這個地圖也可以放在主頁的側邊欄(「外觀」→「小工具」可以直接使用「novo-Map」的小工具
  7. 設定好地圖之後,接下來就是寫文章的時候,要把你的文章設定成一個地圖上的標籤。安裝完這個plug-in之後,每篇文章之後都會有一個 Novo Map 的區塊,至於內部的設定,我也用了一張圖,就請大家直接看怎麼設定!
  8. 接下來就可以去看看你設定的地圖上有沒有這篇文章的連結了!

這個plug-in看起來簡單,我摸索的時候花了好久(因為網路上沒找到有人寫使用感想),最後是參考user guide 寫的內容去做調整,所以,使用說明書還是認真看比較對(啥?XD)

目前是覺得這個 Plug-in 還是很有趣,使用到目前的缺點大概是…..

  1. 如果只是想要寫一篇行前說明或是工具介紹也想要併入這個遊記中,就會變成一定要下個地圖標示,然後就會不小心把自己家附近給暴露(毆)算是個比較麻煩的(無法一個ping連接兩篇文章)
  2. 要增加文章連結到地圖上這件事情,一定要把文章寫文發表之後(狀態需為公開),才能回文章修改增加。不能一次做完有點小麻煩

好的,以上就是我的一點使用心得跟使用方法!有興趣或是有用的人可以一起來討論!(應該是沒有人…..)

 

如果您覺得這篇文章不錯的話,請按下方的「拍手」圖示五下表示讚賞,這個動作可以讓 LikeCoin贊助回饋給我。
只要您在likecoin註冊(可利用社群帳號方便註冊登入),不一定需要直接贊助我 like coin,這回饋是由likecoin基金會提供並分配給所有創作者,您可以不需出任何一毛錢。或也可利用這個帳號加入「讚賞公民」,利用少少的金錢去回饋給您喜愛的作者唷!

魚ㄦ

愛好玩新東西的魚。2011年開始接觸 WordPress,但現在還是新人。工作上每天接觸程式語言,生活中接觸各種各樣事情。

記錄生活、創作、喜好、廢。

轉Likecoin贊助我!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料