使用谷歌地圖API進行開發已經有了3個年頭,從以前的GMAP V2到現在的V3,一直在使用,一直在學習。也抽空去學習了百度地圖和搜狗地圖,三者整體感覺差不多,學好了一種地圖API,其它的也很容易上手。但是也許是先入為主,我還是習慣,也一直在自己參與的項目中使用谷歌的東西。
在學習過程中,發現網上關於谷歌地圖開發的資料比較少,而且不夠系統。所以就萌生了根據我這幾年的開發經驗編寫一套系統的谷歌地圖開發教程的念頭。一來是為了整理自己所學,二來方便大家一起探討谷歌地圖的開發技術。
思考了一下,教程主要分為以下幾個部分,如果需要,后面會慢慢調整。
第一章:Google Map API簡介
第二章:基礎對象操作和用法(對象較多,應該會進一步細分)
第三章:綜合實訓
第四章:經驗總結(這部分也可能會分散開來在各章節中就寫完了)
接下來直接開始寫第一章。
一、什么是 Google 地圖 API?
Google地圖API是一種通過JavaScript將Google地圖嵌入到您的網頁的API。它提供了很多處理地圖的功能和向地圖添加內容的服務,讓您能夠在您的網站上創建功能全面的地圖應用。任何Google地圖API應用程序中的基礎元素都是“地圖”本身。
Google地圖API有多個版本,最新使用的是第三版。 此API的第3版是專為移動設備設計的,速度更快,更適用;它同時也適用於傳統的桌面瀏覽器應用程序。該API提供了大量實用工具用以處理地圖,並通過各種服務向地圖添加內容,從而使您能夠在您的網站上創建功能全面的地圖應用程序。我們在接下來的學習過程中,介紹的也是第三個版本。
二、Google地圖的“Hello, World”
所有語言的學習都是從“Hello,World”開始,我們這里也不例外,嘿嘿。
(1)新建一個html網頁,使用script標記來加入Maps API JavaScript。
(2)創建一個div元素來放置該地圖,我在這里添加了一個名為map_canvas的div。
(3)編寫腳本創建map對象,並對其進行初始化。
經過上面幾步就可以在頁面上成功調用谷歌地圖了。代碼:http://files.cnblogs.com/allon6318/gmap1.rar
推薦2個學習地址:
谷歌地圖瀏覽:http://ditu.google.cn/
谷歌地圖開發:https://developers.google.com/maps/?hl=zh-CN