Google 地图获取API Key详细教程


Posted in Javascript onAugust 06, 2016

Google 地图API Key

开始学习本教程前,你需要拥有一个免费的 Google 地图 API key。

开始学习?

开始学习本教程前,你需要在Google上申请一个指定的API key。

通过以下步骤我们可以免费获取 API key 。

访问 https://code.google.com/apis/console/, 使用你的Google账号登陆。

登陆后会出现如下界面:

Google 地图获取API Key详细教程

点击 "Create Project" 按钮。

在服务列表中找到 Google Maps API v3, 然后点击 "off"(关闭) 让其开启该服务器

在下一个步骤中,选择"I Agree..." 然后点击 "Accept" 按钮。 现在你在服务列表中应该就可以看到 Google Maps API v3 已经变为 "on"(开启)状态。

接着在左侧菜单中点击 "API Access" ,在右侧栏中将看到以下提示 "Create an OAuth 2.0 client id..."。

点击 "Create an OAuth 2.0 client id...",将弹出一个表单,表单需要你填入你的项目名称,项目图片或者logo,然后点击 "Next" 按钮。

然后,我们需要选择应用类型 ("Web application" :网站应用), 然后填写你的站点地址,之后点击 "Create Client Id" 按钮即可。

最后我们就可以得到我们需要的 API key,如下图所示:

Google 地图获取API Key详细教程

注意: 保存你的API key! ( 在填写的指定 URL 中开发所有的 Google 地图应用你需要使用该API key)。

以上就是获取Google 地图API Key的详细流程,后续继续补充相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
你可能不再需要JQUERY
Mar 09 Javascript
jQuery的一些特性和用法整理小结
Jan 13 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
Apr 01 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
Aug 07 Javascript
Javascript 按位左移运算符使用介绍(
Feb 04 Javascript
jQuery实现文本展开收缩特效
Jun 03 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
vue获取当前激活路由的方法
Mar 17 Javascript
微信小程序事件 bindtap bindinput代码实例
Aug 26 Javascript
JavaScript位置参数实现原理及过程解析
Sep 14 Javascript
js中Object.create实例用法详解
Oct 05 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 #Javascript
深入理解JS DOM事件机制
Aug 06 #Javascript
jQuery插件Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
Aug 06 #Javascript
用JS写的一个Ajax库(实例代码)
Aug 06 #Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 #Javascript
JS获取和修改元素样式的实例代码
Aug 06 #Javascript
原生js获取元素样式的简单方法
Aug 06 #Javascript
You might like
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
php出现web系统多域名登录失败的解决方法
2014/09/30 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
免费空间广告万能消除代码
2006/09/04 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
如何改进javascript代码的性能
2015/04/02 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
javascript匀速动画和缓冲动画详解
2016/10/20 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
Bootstrap笔记之缩略图、警告框实例详解
2017/03/09 Javascript
AngularJS点击添加样式、点击变色设置的实例代码
2017/07/27 Javascript
Vue 中axios配置实例详解
2018/07/27 Javascript
vue 配置多页面应用的示例代码
2018/10/22 Javascript
vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component
2019/04/30 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
[01:14]辉夜杯战队访谈宣传片—NEWBEE.Y
2015/12/26 DOTA
python每次处理固定个数的字符的方法总结
2013/01/29 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
浅谈python下tiff图像的读取和保存方法
2018/12/04 Python
python3实现单目标粒子群算法
2019/11/14 Python
python psutil监控进程实例
2019/12/17 Python
Python3 集合set入门基础
2020/02/10 Python
python随机模块random使用方法详解
2020/02/14 Python
python 穷举指定长度的密码例子
2020/04/02 Python
Python3以GitHub为例来实现模拟登录和爬取的实例讲解
2020/07/30 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
英国领先的酒类网上商城:TheDrinkShop
2017/03/16 全球购物
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
生日邀请函范文
2014/01/13 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby