Blogger推出地圖標籤功能！！

創

意無限，一直在進步的Blogger，又推出了新的功能了，繼之前的Picasa相簿與Google地圖相結合，可以在每張相簿上標示地圖位置，現在Blogger也可以在每篇文章下面加上地圖標籤了，只要點一下就會出現出現Google地圖，然後就可以選擇所在地圖位置，相當的新鮮有趣，不過這功能還處在測試階段，必須要到Draft Blog才能看到這玩意，而且目前沒有編輯或是刪除地圖標籤的辦法，只有先備份該篇文章，重新發一篇新的再刪除舊的文章，不過別擔心..正式版推出時一定會改進，大家耐心等等吧，大概...會很久吧，依Google拖搞的速度...

目前這功能英文的正式名稱是Geotagging，實際的效果可以在這篇文章的最下方看到，點擊之後會自動開新分頁連到Google地圖，顯示這篇文章發文者選擇的所在位置。

未來Geotagging的標籤會包含在Feed裡面，包括RSS和Atom，未來讀者可以依照地圖標籤來搜尋文章，相信會比關鍵字搜尋來的更方便一點。



官方模板的開啟方法很簡單，首先請先登入Draft Blog，在『版面配置』→『網頁元素』，點選『網誌文章』右下角的編輯。

倒數第2個位置的選項就是了。

接著在Draft Blog發表文章，就可以在原本標籤位置的左邊，看到一個新的標籤，名稱是『新增位置』。

點選之後就會出現Google地圖，用上方的搜尋列就能很快找到位置了。

非官方模板的修改辦法，如果你的模板不是官方模板的話，或是照上面設定沒有出現新的地圖標籤，那麼就得自己手動來新增了，照慣例...很麻煩又不一定成功，必須照自己的模板語法客製修改，說個題外話，我受不了每次Blogger推出新功能，我的模板都沒辦法試用的窘境，這次我乾脆自己來，整個給它複製過來啦！！這以後再說，首先如果要讓它出現在文章下面的話，請先找到文章的div容器位置，一般的語法如下：

語法

<div class='post-footer'>

或是

語法

<div class='post-footer-line post-footer-line-1'>

反正就是類似poster或是footer的名稱，注意是用div容器標籤包起來的，每種非官方模板的都不一樣，要有耐心的一個個嘗試，把它給找出來，不然就是乾脆點，連容器語法都自己加，我不像那些高手們那麼厲害，用最笨的方法土法煉鋼找出來的。

接下來就是把Blogger顯示地圖標籤的語法加到這段容器裡，如下：

語法
<div class='post-footer'>

<span class='post-location'>

<b:if cond='data:top.showLocation'>

<b:if cond='data:post.location'>

<data:postLocationLabel/>

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a&gt;

</b:if>

</b:if>

</span>

</div>

紅字的部份就是顯示地圖標籤的語法，正確無誤的話瀏覽部落格文章就可以看到了。

當初Picasa結合Google地圖的時候，我覺得這真是一大創舉，可以在每張相片上面加註地圖位置，讓我們可以很清楚的知道每張相片裡，每個回憶的詳細位置，不過大費周章的加註文字說明，簡單又明瞭。但是這次Blogger加入這功能卻沒有給我很新鮮的感覺，我覺得如果是旅遊性質的部落格的話，有這功能就會相當的方便，可以很容易的讓讀者知道這篇文章的所在位置，或者是那種分散各地的朋友，共筆寫一個部落格，可以分出每個作者的所在位置，也是相當不錯的，當然以後也可以靠這地圖標籤來尋找分類文章，也是相當不錯的應用。


參考網站：New feature: Geotagging、Blogger's new Geotagging feature