Day 26：Google Map 範本學習(1)

13th鐵人賽

HKT 線上教室

2021-09-26 07:43:20

1572 瀏覽

本篇文章同步發表在 HKT 線上教室部落格，線上影音教學課程已上架至 Udemy 和 Youtube 頻道。另外，想追蹤更多相關技術資訊，歡迎到臉書粉絲專頁按讚追蹤喔～

Google Map 一開始不熟悉的同學，常常會覺得有很多複雜步驟要設定，到處碰壁還建立不起來，所以 KT 建議，今天我們先使用 Android Studio 內建自帶的範本專案，來幫我們快速完成 Google Map 的基礎建置。確認環境與裝置確實都可以運行，我們明天再來看，要如何自己手動，一步一步來加入相關設定與程式。

建立 Google Map 專案

建立一個全新的專案，選擇 Google Map Acticity 範本。

google_maps_api.xml

完成建立專案後，預設會開啟「google_maps_api.xml」，我們可以透過檔案中的連結（檔案中的第七行連結），快速幫我們申請到 API 金鑰。

開啟網址後，會請你登入 Google 帳戶

登入帳戶後，需要選擇這次的應用程式要建立在哪一個專案中，我們選擇「建立專案」，然後點擊「繼續」。

點擊建立 API 金鑰

建立完成金鑰，複製紅框處的金鑰文字

回到「google_maps_api.xml」，將金鑰貼到最後一行，最後面的位置 YOUR_KEY_HERE 欄位中

例如: 你的金鑰是，「A1234567890abcdefghijk」

<string name="google_maps_key" templateMergeStrategy="preserve" translatable="false">A1234567890abcdefghijk</string>

完成之後，我們就可以執行此專案。

我們就可以看到地圖，圖釘指在雪梨(-34.0, 151.0)位置的畫面

正確輸出結果

錯誤輸出結果

若沒有輸入金鑰或沒有輸入正確的金鑰，將會出現如下的錯誤畫面

可以在 IDE 下方的 Loacat 輸出資訊視窗，看到錯誤訊息

E: Authorization failure.  Please see https://developers.google.com/maps/documentation/android-api/start for how to correctly set up the map.
E: In the Google Developer Console (https://console.developers.google.com)
    Ensure that the "Google Maps Android API v2" is enabled.
    Ensure that the following Android Key exists:
    	API Key: YOUR_KEY_HERE
    	Android Application (<cert_fingerprint>;<package_name>): C5:80:1C:03:3C:D9:8A:80:1C:03:3C:D9:8A:C5;com.thishkt.myapplication