编程 Javascript

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的详细流程，后续继续补充相关资料，谢谢大家对本站的支持！

Google 地图获取API Key详细教程

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript Distilled 基础知识与函数

Apr 07 Javascript

js数组转json并在后台对其解析具体实现

Nov 20 Javascript

node.js中的fs.chmod方法使用说明

Dec 18 Javascript

javascript数组随机排序实例分析

Jul 22 Javascript

基于JavaScript实现瀑布流布局(二)

Jan 26 Javascript

将鼠标焦点定位到文本框最后（代码分享）

Jan 11 Javascript

js实现炫酷的左右轮播图

Jan 18 Javascript

vue2.x select2 指令封装详解

Oct 12 Javascript

深入理解 webpack 文件打包机制(小结)

Jan 08 Javascript

详解webpack模块化管理和打包工具

Apr 21 Javascript

vue自定义表单生成器form-create使用详解

Jul 19 Javascript

微信小程序点击列表跳转到对应详情页过程解析

Sep 26 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