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调用webservice中的方法实现思路及代码
Feb 25 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
JS Input里添加小图标的两种方法
Nov 11 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
vue-cli3脚手架的配置及使用教程
Aug 28 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
区别JavaScript函数声明与变量声明
Sep 12 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 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的安全
2006/10/09 PHP
一个从别的网站抓取信息的例子(域名查询)
2006/10/09 PHP
实用函数4
2007/11/08 PHP
五个PHP程序员工具
2008/05/26 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
学习php设计模式 php实现命令模式(command)
2015/12/08 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
php项目中类的自动加载实例讲解
2019/09/12 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
jQuery实现原理的模拟代码 -6 代码下载
2010/08/16 Javascript
jQuery 瀑布流 浮动布局(一)(延迟AJAX加载图片)
2012/05/23 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
2017/04/06 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
python33 urllib2使用方法细节讲解
2013/12/03 Python
PyChar学习教程之自定义文件与代码模板详解
2017/07/17 Python
记录Python脚本的运行日志的方法
2019/06/05 Python
DataFrame.groupby()所见的各种用法详解
2020/06/14 Python
Python延迟绑定问题原理及解决方案
2020/08/04 Python
校班主任推荐信范文
2013/12/03 职场文书
体育专业学生自我评价范文
2014/01/17 职场文书
教堂婚礼主持词
2014/03/14 职场文书
歌颂祖国的演讲稿
2014/05/04 职场文书
学生未请假就回家检讨书
2014/09/22 职场文书
项目验收申请报告
2015/05/15 职场文书
《家庭教育》读后感3篇
2019/12/18 职场文书
Python的三个重要函数详解
2022/01/18 Python
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技