使用谷歌地圖API進行開發已經有了3個年頭,從之前的GMAP V2到如今的V3,一直在使用,一直在學習。也抽空去學習了百度地圖和搜狗地圖,三者總體感受差很少,學好了一種地圖API,其它的也很容易上手。可是也許是先入爲主,我仍是習慣,也一直在本身參與的項目中使用谷歌的東西。html
在學習過程當中,發現網上關於谷歌地圖開發的資料比較少,並且不夠系統。因此就萌生了根據我這幾年的開發經驗編寫一套系統的谷歌地圖開發教程的念頭。一來是爲了整理本身所學,二來方便你們一塊兒探討谷歌地圖的開發技術。canvas
思考了一下,教程主要分爲如下幾個部分,若是須要,後面會慢慢調整。瀏覽器
第一章:Google Map API簡介工具
第二章:基礎對象操做和用法(對象較多,應該會進一步細分)學習
第三章:綜合實訓網站
第四章:經驗總結(這部分也可能會分散開來在各章節中就寫完了)google
接下來直接開始寫第一章。url
1、什麼是 Google 地圖 API?spa
Google地圖API是一種經過JavaScript將Google地圖嵌入到您的網頁的API。它提供了不少處理地圖的功能和向地圖添加內容的服務,讓您可以在您的網站上建立功能全面的地圖應用。任何Google地圖API應用程序中的基礎元素都是「地圖」自己。設計
Google地圖API有多個版本,最新使用的是第三版。 此API的第3版是專爲移動設備設計的,速度更快,更適用;它同時也適用於傳統的桌面瀏覽器應用程序。該API提供了大量實用工具用以處理地圖,並經過各類服務向地圖添加內容,從而使您可以在您的網站上建立功能全面的地圖應用程序。咱們在接下來的學習過程當中,介紹的也是第三個版本。
2、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/