台大校總區受保護樹木 街景地圖

NtuCampus_Protected_Tree_SVmap

這陣子在整理"台大建築物興建年表"的過程中,不可避免地,一定得要到校史館走走,但還沒走進校史館之前,我倒發現了校史館已在2015年建置了"看不見&看得見的台大“網站,這裡頭有許許多多我想要的資料,尤其在"探索台大"項下有幾個經過整理的主題如"從帝大建築談起"、"公共藝術無法不在"、"見證歷史的掛牌老樹"、等等…,都是我很想深入探索的主題。其中的"公共藝術"的主題我才在不久前作過"台大校總區公共藝術 街景地圖“,"歷史建築物"的主題我還得花多一點時間來探究,不急!倒是"掛牌老樹"這個主題,數量也不多,應該幾天就可以處理好,所以我就先動手作"台大校總區受保護樹木 街景地圖"了。
繼續閱讀

198 total views, 12 views today

發表於 台大校園, 街景地圖 | 1 則迴響

1972年的十三航空隊台北航空站空照圖 Google Earth 之套疊

我最近在整理"台大建築物興建年表",主要是參考「台大校園地園」的資訊,但這份地圖對於管理學院地區舊有建築的興建年度一直是未知狀態,直到最近我收到學生寄給我上學期由賴仕堯老師帶領的高階實習成果-「台大戰後校園建築史料研究與策展計畫」,我才知道這地區原來是美軍十三航空隊的基地。

美軍十三航空隊是戰後國民政府轉進台灣後,基於地緣政治關係與軍事依賴所形成的空間。標誌著1950-1970年代台灣特殊的國際社會處境,並在台大校園空間中嵌入了此一歷史痕跡。
繼續閱讀

109 total views, 2 views today

發表於 aerofoto, 台大校園 | 發表迴響

高第建築 街景地圖

gaudiSVmap_blog
日前,看到學弟邱志祥FB分享了"Casa Milà頂樓磚拱及模型陳列室“的相簿,想到了我幾個月前曾作過"高第建築 街景導覽地圖“,我原想先看能否透過Google街景圖來找看看有沒有室內的街景圖,結果是有找到一些街景圖,但因為是由很多遊客所拍,彼此之間豪無空間關連,我只能一張一張看,無法建立起立體空間感。

不過,我也因此重新來查看當初只透過中文WIKI找到的資料,這兒只列出了15棟高弟的建築,其實還蠻不完整的,當初只因急切的想要透過剛開發好的"街景地圖產生器"來產生這份街景地圖(當時只找到10棟),現在沈靜下來,我倒可以多花點時間來探索"高第的建築",最後總算讓我找到了英文版的WIKI以及西班牙文版的WIKI,這裡就有詳細的列出了高第在各個時期的建築作品。整合了這些資料,扣除掉一些整修的建築,光就高第所設計建造的建築物,目前還存在的我就找出了20餘處,但能用Google街景圖來找到的建築,總共只有20處,我努力的咀嚼這些資料,想想何不就乾脆再加上每處建築的文字描述,這樣子才能構成一個比較完整的「高第建築虛擬導覽街景地圖」。
繼續閱讀

353 total views, 3 views today

發表於 街景圖, 街景地圖, 街景導覽 | 發表迴響

馬特洪峰 旅遊街景地圖

matterhornSVmap_blog
今年七月初,成大山協薪傳協會舉辦個瑞士阿爾卑斯山脈的Matterhorn(馬特洪峰)及Jungfrau(少女峰)雙峰之旅,七月底吳雪舫的旅遊記錄出來了,我一邊品嘗著「雪舫眼藏」生花妙筆的遊記,一邊則用"Google Earth"以及"Google街景圖"循跡神遊每個地點,很幸運的是,整個馬特洪峰地區都已遍佈Google街景圖,我原先想說,等熟悉了這些地點後,再將這些遊記內的景點透過我這陣子慣用的「街景地圖」來分享給大家,也如我預期,大約兩個禮拜我就作好了,但是,除了遊記內的地點外,我也發現了好多地點都很值得去探索,於是,愈陷愈深,我鎮日徘徊在馬特洪峰山區,就像遊記內引述徐霞客的名句-「一番魔障一番憨,夢寐名山亦是貪。」好像在說我一樣,又三個禮拜過了,雖然還有很多地方值得去探索,但凡事總要有個停止點,所以我就先拿這些成果來分享了。
繼續閱讀

456 total views, 5 views today

發表於 街景圖, 街景導覽 | 發表迴響

台大校總區公共藝術 街景地圖

ntuArt_blog

當我們走在台大校園時,常會不經意的看到有些如雕塑等之藝術作品被樹立在某棟建築物旁的某個角落,現在大多數人都會知道這是「公共藝術」,身在台大這麼多年來,隨著校園新建築的增加,校園內的「公共藝術」也日漸增多,但能看到的就是那幾件,沒機緣碰到的大概就是永不會再看到了,除非您刻意的去探訪。之前我在拍攝校園的街景圖時,當碰到這些「公共藝術」時,我總會特別在各個方位來加強重點的拍攝,以方便後續街景圖的瀏覽,這股想完整的拍攝校內所有的「公共藝術」的企圖日漸強烈,直到這個暑假前,當我把校園的「苦楝街景地圖」、「流蘇街景地圖」、「穗花棋盤腳街景地圖」完成,也掌握了必要的技術之後,建立「台大公共藝術街景地圖」就是我這個暑假的作業了。
繼續閱讀

249 total views, 3 views today

發表於 室內環景導覽, 街景圖, 街景導覽 | 發表迴響

阿里山 街景導覽地圖

alishan_SVmap_blog
人上了某個年紀(我說我啦),回憶就像沒有開關的湧泉一樣,經常會不由自主的湧現,一旦冒出來後,也不知道何時會消退,這一陣子,我老是想起"阿里山"的總總,我還記得第一次到阿里山是在初二那年的暑假(算算都已50年了,真是久遠!),跟著大姊夫(姊夫那時是竹崎國中的會計主任兼香林國中的主計),我們從竹崎老家搭了三個多小時的小火車到阿里山,姊夫安排我住在香林國中學生宿舍的二層通舖,晚上蓋著厚重的棉被,清晨冷涼的氣温令人不捨床餔,相對於山下的暑熱,待在山上的一個禮拜,沐浴在森林裡,五體感官像是身處在一個全然不同的國度,第一次的不同感受總是印象特別的深刻。
繼續閱讀

628 total views, 3 views today

發表於 街景圖, 街景導覽 | 發表迴響

國立台灣大學各校區街景地圖


Full Screen

三天前,有位不認識的同學Email告訴我:各位拍攝的臺大校景終於在google map上線!一時之間,有點困惑?隨後猛然想起,原來去年六月底校史館花了一筆錢,跟台灣Google借了「街景背包」,號召了一車同學,前往中部的台大各個農場(包括梅峰、下坪、春陽、鳯凰茶園、以及溪頭等地)拍攝街景,我參與了行程的規劃部分,但拍攝時我就沒跟了,事後,依以前的慣例,Google會在兩三個月內,將成果上在Google Map上,但是,這個成果卻是無聲無息,弄的校史館的主事者好像吃了一計悶虧,跟校方也交待不過去,很是挫折,我也曾試著問台灣Google,但也沒下文,終於在一年後,在大家都快忘了有這件事時,最後終於上線了…
繼續閱讀

431 total views, 3 views today

發表於 街景導覽 | 發表迴響

百岳720環景地圖

mt100SVmap_blog
Google 街景服務自2009年開始在台灣深耕後,服務網遍佈全台大街小巷,在高山部分則自2016年3月完成玉山主峰、北峰後,這一兩年,也陸續完成了合歡山主峰、東峰、石門山、以及雪山主峰、東峰等高山步道的街景圖拍攝,Google對於高山步道街景的拍攝需要背負著重約20公斤的"街景背包",確實是項艱難任務,故步調較為緩慢。但隨著攝影器材的進步,目前除了有輕便的360相機的出現,Google也提供了可以拍360照片的app,所以就有一些山友在登山過程中,利用手機或者360相機或者仍用傳統相機再經軟體接合的方式,拍了一些720環景照片(為區別一般人稱沒天地的環景圖亦為360環景,故在台灣有個"720環景"用語,指的是將橫向360+縱向的360=720來稱呼,對於在山頭上的單拍街景圖,我認為"720環景圖“或許比"街景圖“更適當些,故沿用稱之),並上傳Google街景服務,目前已可在Google Map上觀賞到不少高山的720環景照片。

我自上個禮拜開發了"街景地圖產生器“之後,就在想以前一直想作的-“百岳山頭720環景“的主題,目前看來,因緣俱足,就動手吧!
繼續閱讀

579 total views, 3 views today

發表於 街景導覽 | 發表迴響

王大閎建築@台灣 街景地圖

DahongWang_SVmap_Blog
「永恆的建築詩人」王大閎於2018年5月28日辭世,享壽101歲。

我還記得在去年7月時,那時王先生的建國南路舊宅在美術館園區重現,我還特地到現場拍了30多處的720環景,最後作成了『《王大閎自宅復刻》實景導覽』。此事件激起了我對於王先生的建築作品想要更多的認識,由於我本身在台大工作,地利之便,我在11月時,針對王大閎先生在台大的作品,我用「3D及街景圖方式」來呈現。現在重新來查看,這些成果需以Google Earth來顯現,這需要使用電腦才能操作,對於一般使用者確實門檻較高。這一陣子,我作了蠻多的街景地圖,大都以Google Map網頁方式來表現,操作上變得相對簡單,像前幾天才剛作好的「高弟建築 街景導覽地圖」操作介面就相當友善,再加上我前幾天才剛開發個"Google街景導覽地圖產生器“,有利於各種主題物的呈現,所以也到了可以製作"王大閎建築作品街景地圖"的成熟階段了。
繼續閱讀

496 total views, 3 views today

發表於 街景圖, 街景導覽 | 發表迴響

Google街景導覽地圖產生器


Full Screen

目前Google 街景圖除了某些因政治因素干擾的地區外,幾乎已遍佈全世界,大家出外旅遊(或者像我常常藉著Google Earth神遊),第一步當然是蒐集相關資料,上網是最直接的方式,有了特定目地的之後,接下來總會上Google Map來瀏覽,該地方若有街景圖的話,就可進入現場來瀏覽實景,這些過程若能把它整理記錄下來,建立一個所謂的"街景導覽地圖“,一邊是景點分布地圖,當點選該景點後,另一邊會立即進入該景點的街景圖,這樣的"街景導覽地圖“應該是大家都會比較需要的。

有了這些想法之後,我就開發了這個"Google街景導覽地圖產生器“來分享給大家,也希望大家可以藉由這個"街景地圖產生器",製作更多各式各樣主題的"街景導覽地圖",再分享給更多人!

以下我就來說明如何使用這個"Google街景導覽地圖產生器“,由於這篇文章比較長,我用了段落縮合的方式分成幾個段落,以方便大家的閱讀,剛開始可先詳讀,先熟悉如何製作"含街景網址地標kml檔“,試作沒問題的話,以後應該就可以直接進入"Google街景導覽地圖產生器"的段落來操作了。

我的街景圖與應用

自從2009年我自創個無腳架全景拍攝法,製作了"台大杜鵑花節Google Earth街景導覽“之後,開啟了我「自製街景圖」的另一項專長,累計至今,在Google街景服務上,我已上傳了5千多張,這些街景圖都已納入到Google Map的資料庫內,也補足了一些Google街景設備無法拍攝的缺塊(比如我在2011年有個機緣到訪東沙島,我就趁機拍了兩百多張)。

製作了這麼多的街景圖,重點是要怎麼應用,但光由Google earth/Map的"夾衣人"來進入街景,已無法滿足我的需求。早期我是直接在Google Earth來顯示街景圖,後來使用Google Earth plugin網頁方式來呈現,但隨著Google政策的改變,街景圖全面轉移到Google Map上,我也只好順勢應用Google Map API來呈現,以下我列出我幾個不同時期的主題應用:

1.最早期的Google Earth,街景圖的呈現是類似水晶球,所以當時一"處"街景圖,我都會用一"顆"來稱之,點擊該"顆"水晶球後,就可進入了該處街景圖的場景,周圍可以看到鄰近的街景圖圖示,雙連擊該圖示即可進另一個場景,這些操作方式早已不復存在,現只能看"台大杜鵑花節Google Earth街景導覽"的youtube來回憶了。

2.Google Earth大約在2009年推出Google Earth plugin,也就是可以用網頁的方式來使用Google Earth,我應用 Google Earth plugin網頁的作品相當多,但自2014年底Google已不再提供Google Earth Plugin的服務 ,我諸多作品都已無法用網頁來看了,比如這篇"台大街景圖“,當時是可以在網頁上用水晶球環景瀏覽的方式來作街景導覽,現在你可以下載這個KMZ檔,進入Google Earh來使用,雖然目前在Google Earth上還是可以看到街景圖,只是各個街景圖之間沒有連線關係,只能先按"結束照片"鍵,離開街景模式後,再點選另一個街景圖來呈現,這當然是很不Friendly的操作方式,所以之後,我對於街景圖的各種應用就改移到Google Map平台上。

3.在Google Map上,早期我是用文字標示當作街景圖的"連結指示",比如2014年12月作的"http://gemvg.com/streetview/dongsha/dongshaSV01.htm"、2015年8月作的"嘉義梅山公園現代文學步道街景導覽“。

4.有些主題,我會繪製配置示意圖,然後在這示意圖上標示一些地標來當作街景圖的"連結指示",比如"《看見齊柏林》展覽“、"《王大閎自宅復刻》實景導覽“。

二個月前,我又開發了直接用Google Map來當作街景圖的"連結指示"的方式,從"台大校總區 苦楝 街景地圖“開始,後續的"台大校總區 流蘇 街景地圖“、"薰衣草森林(尖石店) 街景地圖“、…一直到最近的"高弟建築 街景導覽地圖“,我都用這種方式,也逐漸摸索出"街景地圖"較適當的標準化版型,既然已經可以標準化了,那倒不如乾脆就來開發個"街景地圖產生器",可以簡化到讓大家直接在Google Earth上編輯個"含街景網址地標kml檔",然後透過這個"街景地圖產生器",即可立即產出"街景地圖"。

Google Maps JavaScript API Key

首先,由於這些"街景地圖"網頁會用到Google Maps JavaScript API,Google Maps API Web Service 會使用API金鑰(key)來識別這個網頁應用程式,否則無法運作,所以若你還沒有API Code的話,你需要先申請個API Key,只要你有Google帳號,即可申請,雖然新的方案是需要付費,但每日免費額度25000 loads,依我目前個人的使用量是遠遠不及,不太可能會扣到錢,大家應該可以放心的申請,若擔心的話,Google Cloud Platform可以讓你掌握你的配頍、使用量等資訊,申請後你會得到一組39位元的Code,先把它儲存起來,待會會用到。

含街景網址地標kml檔 建置步驟

以下用實際的案例來作個說明,下方的街景地圖網頁是透過"Google 街景產生器"所產生的成果。


Full Screen

我們先看上頭產出(output)的"街景地圖"來瞭解需要有那些Input,網頁上分成左邊的"Google Map視窗",以及右邊的"街景圖視窗",網頁首頁所顯示的街景圖,我稱之為首頁街景圖,在左邊的Google Map視窗上,上方有個"台江國家公園 海寮紅樹林 街景地圖"的標題,Google Map上有一些地標標示,當滑鼠靠近(hover)某個地標標示時,該地標會冒出個地標名稱, 點擊該地標後,右視窗會立即顯示該地標對應的街景圖

這五個用粗體字標示的首頁街景圖地標標示標題地標名稱、以及對應的街景圖,就是我們待會在Google Earth要建立的內容,而其中首頁街景圖對應的街景圖則是要從Google Map複製該街景圖的網址。

所以,你需要分別先打開Google Map,以及Google Earth,當然在開始建置之前,你需要先準備好"主題地圖"的相關資料,比如我想建"高弟的建築"這個主題,我必須先蒐集好"高弟的建築"有那些,並預先找好其位置以及對映的街景圖,把這些資料先準備好,之後的操作就輕鬆多了。

我先給大家"台江國家公園 海寮紅樹林 街景地圖"的"含街景網址地標kml檔,這是上方Output成果的Input,可當作以下說明的案例。

建置"含街景網址地標kml檔“的步驟如下:

一、首先,在Google Earth新增個資料夾,在名稱建入你希望網頁上顯示的標題,在說明欄內則貼上從Google Map上欲顯示首頁街景圖所複製的網址。首頁街景圖可任選個足以代表這個主題的街景視角,若說明欄留空白,之後,"街景地圖產生器"會以第一個地標的對應的街景圖來替代。

g01

新增資料夾

g02

在名稱欄鍵入"標題"、及在說明欄貼上"首頁街景圖的網址"

m03

在Google Map上複製首頁街景圖的網址

二、接著,逐一新增各個地標,在名稱欄鍵入各個地標名稱,在說明欄內則貼上從Google Map上各地標對應的街景圖所複製的的網址。在名稱右側有個圖示icon,點擊後會冒出個圖示視窗,可選取你想要在街景地圖上顯示的圖示,要是沒適合的,你也可以"新增自訂圖示",但這個圖示需要有個網址。另外,要注意一下,這個主題上的所有地標需要用同一種標示,所以若有不同的話,請統一。有一個方式可以一次統一,就是等所有地標都建好之後,在資料夾按右鍵,點"內容",再點"樣式、色彩",點"共用樣式",這時右上方的"圖示icon"會出現,這時再點這個"圖示icon",進入"圖示視窗"來選取統一的圖示。

g03

新增地標

g04

名稱、說明欄、圖示icon

m03

在Google Map上複製"地標對應的街景圖"的網址

g05

選取適宜的圖示icon

三、最後,將這個資料夾,按右鍵,按"將位置另存為…",然後鍵入欲儲存的名稱,欄位上會自動抓取目錄名稱來顯示,請另外更改為英文名稱,因為最後經由"街景產生器"得到的街景地圖網頁是取用這個名稱來命名,有可能有些網頁伺服器不接受中文名稱。

g06

將位置另存為

g07

鍵入kml檔案名稱

Google街景導覽地圖產生器

準備好依上述程序建好的"含街景網址地標kml檔"後,接下來,你就可以在以下的"街景導覽地圖產生器",選擇你剛儲存好的KML檔,並貼上你的Map Javascript API key,按"create“,即可立即產生街景地圖的htm檔,其名稱為KML檔的名稱,後頭再加上"_SVmap.htm"。


你可將這個htm檔,先在電腦上測試看看,若有問題,找出問題點,回到Google Earth修改後,再重新產生,這個過程可能會重複幾次,剛開始使用的人應該都會碰到,有無法解決的問題或有什麼更好的建議,也麻煩留話給我,我也希望這個"街景導覽產生器"能更理想些。

516 total views, 2 views today

發表於 GE創新應用, 街景導覽 | 發表迴響