Flickr GMap Show是wctang大大撰寫的好程式
這支程式最主要的用意就是在Google Maps上頭
顯示出某個flickrset內具有座標定位的照片
標示在正確的對應地圖位置上
由於我覺得這個程式很棒
對我應該有很大的實質幫助
所以我就將這支javascript程式借來使用了 😛
有興趣的人也可以去wctang的blog看看
在使用這個javascript之前
每個人要先去Google Maps API取得自己網站專用的api key
然後在網頁中加入下列兩行程式碼以使用所需的javascript
當然這裡的flickr-gmap.js就是wctang大大的大作啦
接著去修改css檔案
新增這兩個style
#mainwrap {
height:500px; width:400px;
}
#gmap {
width:500px; height:400px;
}
最後就在想要插入地圖的地方
加上下面這些程式碼
這樣就可以在blog上使用gmap顯示拍攝照片的地點了
要注意的是
div標籤一定要放在script標籤之前
不然就無法正確顯示地圖
目前我只有少數幾張照片有加上座標
所以我就用這兩張照片來demo了 😛
歷史上的今天...
- 美國之旅第八日 Rush Creek Lodge - 2018
- 人體素描 第583回 - 2017
- 人體素描 第346回 - 2015
- 人體素描 第156回 - 2010
- FAlbum 0.7.0版釋出以及一個未解的bug - 2007
- 更快速的無名小站熱鍵 script - 2007
- 資工週選情之夜 - 2005
- 看月全食 - 2004
Powered by MightyAdsense
請問一下,關於flickr-gmap.js要去哪找,
我在wctang的project中只有看到
Mapplet、Gadget、greaseMonkey user script三種版本
要在網頁內嵌,如你的DEMO那樣,要用哪版?
原來wctang大大的project已經更新過了
我所用的是比較舊的玩意
所以都不屬於那三種版本之一
原本的js檔案路徑在此
http://flickr-gmap-show.googlecode.com/svn/trunk/flickr-gmap.js
謝謝,
在請教一下,我依照範例改完之後,
出現類似暗色遮罩的東西,中間還有花型圓圈再跑,
一直沒停過,請問是哪裡有問題嗎?
http://gavin-note.blogspot.com/
我覺得是那個set的照片太多了
所以花了點時間在讀取資料
你可以嘗試產生一個比較少照片的set來試試看
hi, 若於 IE 上瀏覽﹐會出現 操作已終止的警告視窗
但Firefox就正常﹐不知您那邊會這樣嗎?
那是因為google的那個js檔案跟wctang大大的js檔案
都有用到document.write指令
而這個指令在IE瀏覽器中是會被終止的
所以想看到地圖只能用firefox來瀏覽