首先你需要拥有一个免费的 Google 地图 API key。

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

点击 "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,如下图所示:

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

Google Maps 基础

(参考:https://www.runoob.com/googleapi/google-maps-basic.html)

google maps 叠加层

(参考:https://www.runoob.com/googleapi/google-maps-overlays.html)

google maps 事件

(参考:https://www.runoob.com/googleapi/google-maps-events.html)

google maps 控件集

(参考:https://www.runoob.com/googleapi/google-maps-controls.html)

谷歌地图api开发基础(一)相关推荐

  1. php获取谷歌地图gps定位,谷歌地图 API 开发之获取当前坐标(经纬度)

    很多时候要定位到当前所在的位置,谷歌地图 API 没找到,然后网上搜的是通过原生js geolocation来实现的. 代码如下: var x=document.getElementById(&quo ...

  2. html地图添加marker,谷歌地图 API 开发之添加标记

    创建地图之后,基本上都需要标记位置的,就是那个圆点.然后参考谷歌的API,找了许久,网址: https://developers.google.com... 代码如下: Accessing argum ...

  3. php获取谷歌地图api接口,谷歌地图 API 开发之信息窗口

    信息窗口 简介 InfoWindow 在地图上方给定位置的弹出窗口中显示内容(通常为文本或图像).信息窗口具有一个内容区域和一个锥形柄.柄顶部与地图上的某指定位置相连. 通常,您会将信息窗口附加到标记 ...

  4. 谷歌地图api 微信小程序_使用Google的融合位置提供程序API进行实时位置跟踪

    谷歌地图api 微信小程序 Location tracking and monitoring have seen a surge in modern application development w ...

  5. 百度地图API开发指南

    百度地图API开发指南 本文为百度地图API官方版本的开发指南,供各位51CTO的网友进行参考. 简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮 ...

  6. 百度地图api开发详解(android版).pdf,百度地图API开发指南原版.pdf

    百度地图API开发指南原版 百度地图 API 开发指南 百度地图 API 开发指南 目录 简介 3 什么是百度地图 API 3 面向的读者 3 获取 API 3 开发移动平台上的地图应用 3 兼容性 ...

  7. 地图API开发平台大比拼

    八大地图API开发平台大比拼 http://www.enet.com.cn/gps/ 2011年12月07日14:08 来源:eNet硅谷动力 [文章摘要]在平台适用性方面,除MapBar和51地图只 ...

  8. 使用Angular8和百度地图api开发《旅游清单》

    前言: 本文的目的是通过一步步实现一个旅游清单项目,让大家快速入门Angular8以及百度地图API.我们将收获: Angular8基本用法,架构 使用百度地图API实现自己的地图应用 解决调用百度地 ...

  9. 谷歌地图 API 的 5 个强大替代品(国外产品)

    谷歌地图因其全球地理定位服务而广受欢迎.他们庞大的地理特征.小型企业和全球街道图像数据库是无与伦比的--这就是为什么谷歌地图 API多年来一直是开发人员的首选. 然而,在 2018 年 7 月,谷歌大 ...

最新文章

  1. 原生Js_简易图片轮播模板
  2. Binary Tree Traverasl with OO and Stack
  3. 步步为营UML建模系列总结
  4. [PAT乙级]1006 换个格式输出整数
  5. 【STM32】各类通信接口及协议简识(IIC、SPI、RS232、RS485、CAN、USB)
  6. java 符号引用与直接引用
  7. 蓝桥杯2019年第十届C/C++省赛B组第六题-特别数的和
  8. 博客园文章markdown实现
  9. 更改ESXi主机root用户密码
  10. ReportMachine通过嵌套表达式计算某个值。
  11. 目标跟踪算法之DSST算法详解
  12. 我的appstore新游戏--LeBallon 拿码了
  13. 7-2 jmu-python-汇率兑换
  14. 基于京东云服务器来搭建javaWeb 运行环境
  15. 2018ICPC焦作站网络赛 Transport Ship 多重背包
  16. server2012搭建ftp服务器
  17. Winform(C#) 国内开源美化控件主题库1 SunnyUI
  18. 深度学习远程服务器配置
  19. BT开源项目Snark源码分析
  20. java分布式定时_分布式定时任务程序

热门文章

  1. readme.md编写并生成html
  2. 感受JavaOne: 昔日风光何在?
  3. sql server 实现like in 查询
  4. firstChild、lastChild 和 firstElementChild、lastElementChild 的区别
  5. Easyexcel导出文件(多图片)(自用)
  6. mysql 存储过程 rowcount_ORACLE中的SQL%ROWCOUNT与MySQL中的ROW_COUNT()的一点异同
  7. Mac 效率神器 Alfred快速上手
  8. Maven简明教程(4)---依赖关系(理论篇)
  9. Flowable多实例会签功能来袭
  10. 用DELPHI开发DirectX游戏 (转)