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 相关文章推荐
JS delegate与live浅析
Dec 21 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
浅析javascript函数表达式
Feb 10 Javascript
JavaScript编程学习技巧汇总
Feb 21 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
Bootstrap php制作动态分页标签
Dec 23 Javascript
vue几个常用跨域处理方式介绍
Feb 07 Javascript
原生JS实现获取及修改CSS样式的方法
Sep 04 Javascript
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
Vue的状态管理vuex使用方法详解
Feb 05 Javascript
微信小程序文章列表功能完整实例
Jun 03 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 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
Php+SqlServer实现分页显示
2006/10/09 PHP
smarty的保留变量问题
2008/10/23 PHP
PHP中使用glob函数实现一句话删除某个目录下的所有文件
2014/07/22 PHP
PHP通过串口实现发送短信
2015/07/08 PHP
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
PHP中spl_autoload_register()函数用法实例详解
2016/07/18 PHP
PHP时间函数使用详解
2019/03/21 PHP
javascript 写的一个简单的timer
2009/07/30 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
使用JavaScript和C#中获得referer
2014/11/14 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
JavaScript正则替换HTML标签功能示例
2017/03/02 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
Python标准库之循环器(itertools)介绍
2014/11/25 Python
Python中正则表达式的详细教程
2015/04/30 Python
一张图带我们入门Python基础教程
2017/02/05 Python
Python中模块string.py详解
2017/03/12 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
Numpy中np.random.rand()和np.random.randn() 用法和区别详解
2020/10/23 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
Zooplus罗马尼亚:宠物食品和配件
2019/11/02 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
通用C#笔试题附答案
2016/11/26 面试题
《雷雨》教学反思
2014/02/20 职场文书
2014普法依法治理工作总结
2014/12/18 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL
python神经网络Xception模型
2022/05/06 Python