Google Earth ＆ 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 Maps API

Google Map API的官方網站

Google Mapplets

將製作的地圖放在Google Map的網站，成為Google Map的小工具，類似一個圖層。

製作 Mapple Mapplet 是一種 Google 小工具（gadgets）。

Google AJAX APIs Playground

在這裡可以線上練習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 Maps Mania

介紹有許多使用Google Map API的網站。

H1N1相關的地圖

Henry Hudson 400年紀念網頁

利用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

Googel Earth 高中地圖及GIS教學網

Google MAP 的地圖製作工具

Creating Dynamic Client-side Maps Mashups with Google Spreadsheets

使用 Google Spreadsheet 來製作地圖。

Gadgets: Map

Gadgets: Heatmap

GMapCreator

Marker!

ScribbleMap

Click2Map

製作線上地圖商業網

站

紐約時報，2008選舉動態地圖

http://elections.nytimes.com/2008/results/president/map.html