本次課的任務是要求在google街景上根據自己找到的舊照片,顯示實際位置在哪裡。老師給出了示例goo.gl/Zi46sm,然後需要我們打開網頁的原始碼,不用全部完全看懂,但是要抓住重點進行修改,改成台灣的某個地點。參考google view events會更好的理解移動過程中經緯度、方位、仰俯角參數的變化。
按照步驟先打開goo.gl/Zi46sm的原始碼,找到需要修改的代碼文件streetviewoverlay.js,繼續打開,主要就是明白2個經緯度設置代表的意思,嘗試修改後明白第一個經緯度是圖片的位置,第二個代表街景顯示的位置。當然嘗試過程也遇到過問題。我找到google地圖上查找公共資訊圖書館的經緯度後,填補在“this.slat=”和“this.slng=”的位置,可是執行時沒有街景顯示。我不懂為什麼同樣的操作,同學的可以顯示他找到的街景但是我的沒有。後來反思,因為我找的是圖書館的確切位置,其內部是沒有街景的,必須將經緯度設置在圖書館附近的街道。
接下來,我從網路下載一張公共資訊圖書館的照片,想調整街景的角度來和圖片匹配。
這裡就借助到了google view events的參數設置,將代碼複製粘貼,改成圖書館附近街道經緯度,然後移動直到符合圖片上的位置。於是可以大概知道圖片position、POV Heading、POV Pitch。
再將streetviewoverlay.js代碼中,第二個經緯度就是確定的position,第一個圖片經緯度根據方位稍作調整設計在其附近,然後順便修改角度,這樣執行程式直接顯示的圖片就和街景比較符合了。
google街景自然不是我們能立刻寫出來的東西,與其重複這麼複雜還不一定能完成的工作,不如找到資源再加以利用。我們學習資訊管理,有寫程式的能力自然好,若是欠缺,不妨用搜索查找整合信息的能力來彌補。這是本課程的最後一堂課,照例老師談論一些課程之外的道理。學校能學到的知識極其有限,課堂上還有老師為我們制定方向,而平時就只能靠自己,去找準方向,逼自己去學新東西。
最後謝謝陳老師這學期的照顧,我很喜歡台灣,希望能再有機會向您請教。