iT邦幫忙

2021 iThome 鐵人賽

DAY 26
0
Mobile Development

Android 口罩地圖入門實戰 30 天 (使用 Kotlin 程式語言)系列 第 26

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

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

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

參考資料

HKT 線上教室
https://tw-hkt.blogspot.com/

Freepik
https://www.freepik.com/

Maps SDK for Android - Get Started
https://developers.google.com/maps/documentation/android-sdk/start?hl=zh-tw


那今天【iThome 鐵人賽】就介紹到這邊囉~

順帶一提,KT 線上教室,臉書粉絲團,會不定期發佈相關資訊,不想錯過最新資訊,不要忘記來按讚,追蹤喔!也歡迎大家將這篇文章分享給更多人喔。

我們明天再見囉!!!掰掰~


上一篇
Day 25:獲取位置經緯度
下一篇
Day 27:Google Map 範本學習(2)
系列文
Android 口罩地圖入門實戰 30 天 (使用 Kotlin 程式語言)30

尚未有邦友留言

立即登入留言