分享一點 Google Maps 開發經驗

這是 cdeveloper 的第 34 篇原創

這篇文章主要分享下我的學習方法，供你參考，以便於培養一套屬於你自己的學習方法。

1

Google Map

Google Map 是谷歌提供的一套地圖 API 介面，我們可以免費使用這套介面進行在線和離線地圖開發，對於開發普通的地圖應用來說，Google Map 是非常優秀的。

因此我在我的畢設項目中就用 Google Map 來定位無人機的當前位置，我為項目開發了在線和離線的地圖模式。

這篇文章旨在分享一點我的開發方法和心得，具體的開發技術我就不介紹了，因為官方提供的中文文檔已經非常全面了，這裡就不複製粘貼了，官方文檔鏈接如下：

https://developers.google.com/maps/documentation/javascript/

微信不支持外鏈，複製到瀏覽器打開吧「需要科學上網」。

其實我的開發過程很簡單，我的整個開發工作完全是看 Google 提供的官方文檔來完成的，這是最好的資料，其中一些重要的步驟我總結如下。

2

申請開發秘鑰

首先需要申請 Google Maps JavaScript API 的開發秘鑰，將這個秘鑰放入 HTML 文件中就可以在線調用 JS API 了。

申請方法按照官方申請秘鑰的文檔來，申請步驟也不複雜。

這裡要注意在申請秘鑰後，如果你從來沒有用過 Google Map 的 API 介面，那麼你需要先在 API 控制台啟動 Google Map JavaScript API 介面，否則是不能使用的。

秘鑰申請好了後，建議將申請的秘鑰記錄下來，以便後面再 html 中使用，現在就可以進行二次開發了，注意二次開發過程都需要「科學上網」，否則訪問不到 API。

3

學習官方例子

官方提供的開發文檔上面有很多實際的例子，我的開發過程基本都是看懂官方的例子，然後自己再進行修改，最後應用到項目中去。

這裡要說下，看官方提供的文檔其實是最好的學習方法，大部分的博客也都是在官方的例子之上總結出來的，也包括我這篇。

所以能看懂官方文檔，就別看博客了。但是你可能說官方文檔大部分都是英文的，我英文不好，看不太懂，沒有直接看別人博客學的快。

但是你這樣想就是不想邁出舒適區了，敢於接受新事物才能進步更快。

建議你從現在開始逼迫自己看官方英文文檔，剛開始可能會很難受，但是一旦你習慣了這種學習方式，那麼你的學習效率就會高出很多。

這裡我推薦一個看英文文檔的谷歌瀏覽器插件「Translt」，這是個劃詞翻譯插件，遇到不會的單詞，滑鼠一划就自動翻譯出來了，屢試不爽，非常好用，強烈推薦！

4

不要生搬硬套

每個人都不一樣，建議你一定要養成自己的一套學習方法，盡量踏出舒適區，進行刻意練習。

就比如強迫自己看官方的英文文檔，這樣堅持下去不僅僅是學會某種技術這麼簡單，而是整體的自學能力都會有很大的提升，自學能力對程序員來說可是非常重要的。

5

我的建議

這篇文章沒有具體介紹 Google Map 具體的開發技術，其實並不是我不介紹，而是完全沒有必要。

官方文檔已經很好了，而且還是中文版本的，你自己運行一個官方的例子，然後搞懂它並應用到自己的項目中就可以了，我這裡再寫其實也沒啥意義。

這裡要提醒一點，不要想著我先把官方的文檔都看完，然後再進行開發，這樣效率是很低的。

一是因為你很可能看不完就放棄了。

二是因為就算你看完了，你也不一定都能掌握的很好，你一次開發用到全部技術的概率比較小吧。

6

我的做法

我平常學習新技術的過程是（可以參考）：

1. 先瀏覽一下文檔的目錄，看看具體有哪些模塊

2. 學習必備的基礎知識，比如你必須學會如何創建一個地圖 map，才能進行後續的二次開發吧

3. 用到什麼就學習對應的技術，以解決問題為驅動永遠是最好，最快，最有效的學習方法，當你學會了，你的問題也解決了，一舉兩得不是。

根據你自身總結出自己的方法，並堅持下去，相信你會有巨大的收穫的，就寫這麼多了，下次再扯吧。

PS:今天是讀書日，你今天閱讀了啥文章？歡迎評論區搶座。

一個堅持原創寫作的技術人

給個讚唄

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！