google maps api 應用篇
DESCRIPTION
Google maps apps 應用介紹 for PM,沒有程式碼。TRANSCRIPT
Google Maps API應⽤用篇
kuro 2014/08/22
• Google Maps Features
• Google Maps application showcase
Agenda
• 簡單⽽而熟悉的操作介⾯面
• 世界級的圖像技術
• ⾏行動優先
Google Maps Features
Google Maps Features
• 簡單⽽而熟悉的操作介⾯面
• 世界級的圖像技術
• ⾏行動優先
以上都是 Google Maps 官網上寫的資料來源:http://www.google.com/intx/zh-‐TW/enterprise/mapsearth/products/mapsapi.html
• 基本地圖
• 衛星
• 街景
Google Maps Features
• 定位及地標
• 導航
• 資料圖像化
https://developers.google.com/maps/documentation/javascript/examples/map-‐simple?hl=zh-‐tw
https://developers.google.com/maps/documentation/javascript/examples/control-‐custom?hl=zh-‐tw
https://www.google.com.tw/maps/@25.044079,121.520281,3a,75y,355.77h,89.05t/data=!3m5!1e1!3m3!1s9qtVMs_T4KAAAAGu4ubXug!2e0!3e11
https://developers.google.com/maps/documentation/javascript/examples/map-‐geolocation?hl=zh-‐tw
http://www.morethanamap.com/demos/places
https://developers.google.com/maps/documentation/javascript/examples/overlay-‐simple?hl=zh-‐tw
http://google-‐maps-‐utility-‐library-‐v3.googlecode.com/svn/trunk/markerclustererplus/examples/advanced_example.html
https://developers.google.com/maps/documentation/javascript/examples/?hl=zh-‐tw
https://developers.google.com/maps/documentation/javascript/examples/layer-‐heatmap?hl=zh-‐tw
https://developers.google.com/maps/documentation/javascript/examples/layer-‐weather?hl=zh-‐tw
http://www.morethanamap.com/demos/visualization/flights
http://www.morethanamap.com/demos/visualization/population
Google Maps Application Showcase
水慈善(Charity: Water)
‧ 2006 年成立的非營利組織,
期許將安全乾淨的水資源帶
到發展中國家。
‧ 每建置一口泉井即透過 GPS
定位標示在地圖上,利用照
片、影音告訴捐款者款項的
用途,並開放追蹤掘井的過
程。
http://www.charitywater.org/projects/completed-projects/
‧原為測速照相偵測提醒
App,網站版本僅提供路段
限速資訊查詢。
‧德文網站。
‧有與 Garmin 合作。
http://www.blitzer.de/karte
blitzer.de
http://www.zeit.de/datenschutz/malte-spitz-vorratsdaten
Zeit online
‧ 德國新聞網站專題頁。
‧ 將行動電信業者收集到的資
訊,以視覺圖像化的方式,在
Google 地圖中標示出來。
‧ 在當時引發了電信業者收集資
訊與個人隱私的爭論。
https://insgruene.withgoogle.com/
Fluchtplan ins Grüne
‧ 也是德文網站。
‧ 網站使用 HTML5 技術,得到
使用者目前所在地點,查出鄰
近的公園景點所在地,並規劃
路徑及計算距離。
http://www.taxitrails.se/en
Taxi Trails
‧ 集結了斯德哥爾摩計程車的
GPS 軌跡,運用這些資料結
合 Google Maps 推出了觀光
地圖。
‧ 除了景點和餐廳資訊外,也可
直接在線上預約計程車。
http://labs.strava.com/heatmap/
Strava Global Heatmap
‧ 網站結合了 Google Maps 將全
球所有熱門的慢跑和自行車路線
以 Heatmap 的方式標示。
‧ 提供選項調整地圖顏色、路線透
明度、慢跑或自行車路線。
http://esri.github.io/wind-js/
Wind Animation
‧ 由 ESRI (美國環境系統研究所
公司) 製作的全球風向動態
圖。
‧ 網站使用 HTML5 Canvas 繪
圖技術。
http://silenthill3d.com/map/
Google Map - Silent Hill
‧ 利用街景模式呈現電影當中所
出現的場景,點選地圖上的紅
色打點再選取『Street
View』,除了看到街景圖
外,還會看到一小段的電影短
片。
http://www.crimemap.info/
CrimeMap.info 犯罪地圖
‧ 由澳洲昆士蘭洲警局提供的犯罪
資料,結合 Google Maps 製作
犯罪地圖,從地圖上可以查詢鄰
近的犯罪事件類型並得知目前解
決狀況。
http://uniform.wingzero.tw/
Uniform Map 制服地圖
‧ Uniform Map 是一個讓你可以
從地圖去看學校制服的網站。
‧ 可以切換台灣與香港地區。
‧ 幾乎都是女生 (y)
http://www.foundi.info/lab/
foundi 房地資訊實驗室
‧ 提供多種房地資訊的圖
像化搭配 google 地圖顯
示。
好房生活圈
‧ 集結生活圈周圍的生活圈資訊,
包含網友的生活經驗分享、地
點評價、留言討論、在地設施、
特輯報導、在地新聞及在地物
件。
‧ 已結束維護。
Q & A
• 好的操作界⾯面即使語⾔言不通也能很好⽤用
• 上述網站僅供 PM 們作為功能參考
• 所⾒見 不等於 即所得 T_T