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 11 - 密码攻击方式

>>:  Day 26 实作 user_bp (4)

[Day 8]从零开始学习 JS 的连续-30 Days---阵列

宣告变数的资料型别--阵列 1.数值( Number ) 2.字串( String ) 3.布林值(...

排线相机

还记得之前我装了个相机吗? 当初很害怕地把它组装上去,就怕插错或是折到排线,以至於他不能正常动作 那...

Day27-OTO

嗨,各位 说到开源就想私心提一下自己小发烧很爱的flac 首先,何谓flac? flac是"...

【Day30】[演算法]-线性搜寻法Linear Search

搜寻(Search) 就是从一群资料中找出符合某些条件的资料,当资料量非常庞大时,如何在短时间内有效...

web C# 找出页面上的control

它可能在任何一个Control.要仔细找. Page.Controls -System.Web.UI...