Google Earth & MAP
Google Earth 原為 KEYHOLE
位置使用 經緯度、高度(資料儲存)
WGS84 經緯度
使用General Vertical Perspective projections來顯示虛擬地球
資料來源:http://www1.webng.com/azimuthal/earth_proj.html
Google Earth 相關網站
Google Earth User Guide - Table of Contents
Google 社群 http://bbs.keyhole.com
<a href="http://confluence.org/confluence.php?lat=39&lon=-123">link me</a>
<a href="http://confluence.org/confluence.php?lat=39&lon=-123"><img src="http://confluence.org/us/ca/n39w123v6/thumb1.jpg"></a>
Image Overlay
必須使用簡單圓柱投影()
WMS Server
Web Map Server
KML - Keyhole Markup Language
KML 是一種 XML , eXtensible Markup Language 標記語言。
一般的網頁為 HTML Hypertext Markup Language
XML給文字另一層的意義,而且僅用一般文字。
html 主要是格式,還有超連結。
XML,可延伸標記語言。不會直接使用XML,而是一種語法定義,定義自己的語言。
現代文件,已漸漸改用XML來記載內容。
資料交換的方便性,普及性。
KML: Keyhole Markup Language
原為 Google Earth使用的語言。現在成為一種GIS的標準。
入門 http://code.google.com/intl/zh-TW/apis/kml/documentation/kml_tut.html
產生主題圖:
E2G Thematic Mapping Tool http://www.cpc.unc.edu/measure/tools/monitoring-evaluation-systems/geographic-information-systems
thematicmapping http://thematicmapping.org/
範例:http://www.earthatlas.info/
MapTube http://www.maptube.org/
Google Earth 中看flickr 相片 http://kmlphotos.metaltoad.com/
Google Map
Google Map 應用程式
JavaScript是控制Google Map語言,
API 是Application Programming Interface, 也就是軟體提供的功能,但不是直接由使用者操作,
而用程式去控制。最近的趨勢,是透過網路使用API,使用WEB API相較於一般網頁好處包括:
1. 增加和使用者的互動。
2. 一些工作自動化。
3. 能夠混搭(Mashup)許多不同網站的資料,產生新的價值。
JavaScript內建在大多數的網頁瀏覽器中,常用來控制WEB API
附件:JavaScript核心(ppk 談 JavaScript ch5).zip,是JavaScript的簡潔介紹。
Google Map API的官方網站
將製作的地圖放在Google Map的網站,成為Google Map的小工具,類似一個圖層。
製作 Mapple Mapplet 是一種 Google 小工具(gadgets)。
在這裡可以線上練習AJAX寫作,即時看到效果。
mapApiSamples.rar 是一些MAP A的範例。將檔案拖到瀏覽器中,就可以看到效果。
可以使用 Notepad++ 觀看及編輯 這些含有WEB API的網頁。
Overlay 範例:
地圖網址 :140.115.123.30/earth/shade/TWgeomap3.jpg, 或下載台灣地質圖
左上(118.755, 26.025)右上(122.619, 26.037)
左下(118.722, 21.087)右下(122.568, 21.099)
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(24, 120.5),8);
// ground overlay
var boundaries = new GLatLngBounds(new GLatLng(21.087,118.722), new GLatLng(26.037,122.619));
var oldmap = new GGroundOverlay("http://140.115.123.30/earth/shade/TWgeomap3.jpg", boundaries);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addOverlay(oldmap);
Google MAP 範例
介紹有許多使用Google Map API的網站。
利用CIA資料,繪製主題地圖 http://www.kmlfactbook.org/
察看 flickr 相片 http://www.mypicsmap.com/explore
另一個察看flickr相片的網站 http://www.earthalbum.com/
Google Book + Google Map http://booksearch.blogspot.com/2007/01/books-mapped.html
Google MAP 的地圖製作工具
Creating Dynamic Client-side Maps Mashups with Google Spreadsheets
使用 Google Spreadsheet 來製作地圖。
製作線上地圖商業網
站
紐約時報,2008選舉動態地圖
http://elections.nytimes.com/2008/results/president/map.html