Learning Path
浏览 Google API 相关教程与章节。
PHP、Node.js、Java Web、Python Web 框架、API 与服务端开发。
教程
18
Google Maps API 教程 在本教程中我们将学习如何使用谷歌地图API V3创建交互式地图。 现在开始学习 Google Maps API ！ 什么是 API? API = 应用程序编程接口（Application programming interface）。 API（Application Programming Interface，应用编程接口）其实就是操作系统留给应用程序的一个调用接口，应用程序通过调用操作..
Google 地图API Key 开始学习本教程前，你需要拥有一个免费的 Google 地图 API key。 开始学习？ 开始学习本教程前，你需要在Google上申请一个指定的API key。 通过以下步骤我们可以免费获取 API key 。 访问 https://code.google.com/apis/console/, 使用你的Google账号登陆。 登陆后会出现如下界面： 点击 'Create Proje..
Google Maps 基础 创建一个简单的 Google 地图 现在让我们创建一个简单的 Google 地图。 以下是显示了英国伦敦的 Google 地图： 实例 [mycode3 type='html'] function initialize() { var mapProp = { center:new google.maps.LatLng(51.508742,-0.120850), ..
function initialize() { var mapProp= { center:new google.maps.LatLng(51.508742,-0.120850), zoom:5, mapTypeId:google.maps.MapTypeId.ROADMAP }; var map=new google.maps.Map(document.getElementById('go..
var myCenter=new google.maps.LatLng(51.508742,-0.120850); function initialize() { var mapProp = { center: myCenter, zoom:5, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.get..
Google 地图 API 参考手册 Google 地图API 参考手册 地图 构造函数/对象 描述 Map() 在指定的 HTML 容器中创建新的地图，该容器通常是一个DIV元素。 叠加层 构造函数/对象 描述 Marker 创建一个标记。 MarkerOptions 标记的选项。由DirectionsRenderer渲染的所有标记都将使用这些选项..
function initialize() { var mapProp= { center:new google.maps.LatLng(51.508742,-0.120850), zoom:5, mapTypeId:google.maps.MapTypeId.HYBRID }; var map=new google.maps.Map(document.getElementById('goo..
地图 API getBounds() 方法 Map() 构造器 实例 返回当前视口的西南纬度/经度和东北纬度/经度： map.getBounds(); 尝试一下 » 定义和用法 getBounds() 方法返回当前视口的西南纬度/经度和东北纬度/经度。 语法 mapvariable.getBounds(); 返回值 值 描述 (south-west latitude, longitude),(nort..
地图 API getCenter() 方法 Map() 构造器 实例 返回地图的当前中心的纬度/经度： map.getCenter(); 尝试一下 » 定义和用法 getCenter() 方法返回地图的当前中心的纬度/经度。 语法 mapvariable.getCenter(); 返回值 值 描述 latitude, longitude 地图的当前中心的纬度/经度。 Map() 构..
地图 API getDiv() 方法 Map() 构造器 实例 返回包含地图的 DOM 对象： map.getDiv(); 尝试一下 » 定义和用法 getDiv() 方法返回包含地图的 DOM 对象。 语法 mapvariable.getDiv(); 返回值 值 描述 DOMobject 包含地图的 DOM 对象。 Map() 构造器..
地图 API getHeading() 方法 Map() 构造器 实例 返回航拍图像的罗盘航向： map.getHeading(); 尝试一下 » 定义和用法 getHeading() 方法返回航拍图像的罗盘航向。 getHeading() 方法只能与 SATELLITE 或 HYBRID 地图类型一起使用，这两种地图类型在高缩放级别时支持特定位置的 45° 角度的图像视口。 语法 mapvariable.getHeadi..
地图 API getMapTypeId() 方法 Map() 构造器 实例 返回当前地图类型： map.getMapTypeId(); 尝试一下 » 定义和用法 getMapTypeId() 方法返回当前地图类型。 语法 mapvariable.getMapTypeId(); 返回值 值 描述 HYBRID 一种带公路和城市名称的照相地图。 ROADMAP 一种标准的，默认是 ..
地图 API getZoom() 方法 Map() 构造器 实例 返回地图的当前缩放级别： map.getZoom(); 尝试一下 » 定义和用法 getZoom() 方法返回地图的当前缩放级别。 语法 mapvariable.getZoom(); 返回值 值 描述 number 地图的当前缩放级别。 Map() 构造器..
地图 API Map() 构造器 实例 创建一个 Google 地图: var map=new google.maps.Map(document.getElementById('googleMap'),mapOpt); 尝试一下 » 定义和用法 Map() 构造器创建了一个新的地图并插入到指定的HTML元素中（<div> 元素)。 语法 new google.maps.M..
地图 API MapOptions 对象 Map() 构造器 实例 规定地图的属性/选项： var mapOpt = { center:new google.maps.LatLng(51.508742,-0.120850), zoom:5, mapTypeId:google.maps.MapTypeId.ROADMAP }; 尝试一下 » 定义和用法 MapOptions 对象持有地图的初始化变量/选项。 语法 ..
地图 API setMapTypeId() 方法 Map() 构造器 实例 改变要显示的地图类型： map.setMapTypeId(google.maps.MapTypeId.TERRAIN); 尝试一下 » 定义和用法 setMapTypeId() 方法用于改变要显示的地图类型。 语法 mapvariable.setMapTypeId(google.maps.MapTypeId.CONSTANT); MapTypeI..