多媒體應用專業社群: Google Earth

顯示具有 Google Earth 標籤的文章。顯示所有文章

2011年3月29日星期二

[ Google Earth ]添加事件處理函式

Google Earth是以網頁方式呈現，在許多場合下，需要利用某一事件的發生來更新網頁的內容，在Google Earth範例教學中，就有一篇文章介紹當Mouse移動時如何來更新網頁的畫面，其範例程式儲存在http://code.google.com/intl/zh-TW/apis/earth/documentation/samples/mousemove_listener_example.html。我把範例中呼叫此一事件處理函式及此函式本身用紅色線框起來，希望對社員閱讀有幫助。

利用google.earth.addEventListener()函式來添增事件處理函式，document.getElementById('altitude').innerHTML來取出要更新的文件片斷。

2011年3月28日星期一

[ Google Earth ]走訪多媒體應用及網路應用之特色系科

在前一篇文章中我們介紹GPS定位來發現南開科技大學，本文我們將教導如何使用定位圖示及文字方塊的顯示，我們以探訪南開科技大學多媒體網路之特色系科為教學範例，其範例程式在
http://cce.nkut.edu.tw/nkutcce.html
下圖是本範例執行結果

以下是新增的程式

[ Google Earth ]發現南開科技大學

在Google Earth範例中最簡單的就是Hello, Earth，修改後的範例程式在http://cce.nkut.edu.tw/nkut.html，執行後可以看到下圖。

在瀏覽器內容空白處按下滑鼠右鍵，選擇檢查原始檔，可以看到下面程式：

輸入下面程式碼(粗體部份)，並存成html檔，執行後就能發現南開科技大學
function initCallback(object) {
ge = object;
ge.getWindow().setVisibility(true);
var lookAt = ge.createLookAt('');
lookAt.setLatitude(23.979901);
lookAt.setLongitude(120.696874);
lookAt.setRange(1000.0);
ge.getView().setAbstractView(lookAt);
}