Google Maps API 简易教程（四）

Google Maps 类型

一、基本地图类型

Google Maps API支持一下map类型：

.ROADMAP（正式的，默认为2D地图）

.SATELLITE（逼真的地图）

.HYBRID(逼真地图+道路和城市名)

.TERRAIN（山脉和河流地图等等）

map类型要么在地图properties制定，要么调用map的setMapTypeId()。代码如下：

var mapProp = {
center:new google.maps.LatLng(51.508742,-0.120850),
zoom:7,
mapTypeId: google.maps.MapTypeId.HYBRID
};

map.setMapTypeId(google.maps.MapTypeId.HYBRID);

二、45度视角

地图类型SATELLITE和HYBRID支持某个位置的45度视角图像(仅在高焦距级别)

如果用45度图像视角改变一个地点的Zoom,地图将会自动改变视角。另外，地图将会出现如下controls:

.围绕Pan control的指南轮，可以利用它改变图像。

.Pan和Zoom之间的Rotate的旋转control,可以旋转图像90度。

.在45度视角切换

代码如下：

var mapProp = {
center:myCenter,
zoom:18,
mapTypeId:google.maps.MapTypeId.HYBRID
};

三、关闭45度视角

通过调用setTilt（0），关闭45度视角，代码如下：

map.setTilt(0);

转载于:https://www.cnblogs.com/williamcai/archive/2013/03/03/2941662.html

Google Maps API 简易教程（四）相关推荐

Google Maps API 简易教程（一）
Google Maps API 简易教程(一) 一.API Key 使用Google API,必须要从Google 那里获取一个免费的API 键.获取过程如下: (1)用google账户登陆https ...
Google maps API开发
Google maps API开发注:经纬度的查询,找了半天,终于找着活神仙了,(*^__^*) 嘻嘻-- 1.经纬度查询工具:http://www.playgoogle.com/googlemap ...
Google Maps API v2 android版本开发国内手机不支持google play Service相关问题解决--图文教程
Google Maps API v2 android版本开发国内手机不支持google play Service相关问题解决--图文教程参考文章: (1)Google Maps API v2 an ...
Android Google Maps API教程-入门
This is android google maps api tutorial. 这是android Google Maps API教程. In this tutorial I will teach ...
Google Maps API –地图类型示例
Google Maps API支持四种地图类型: ROADMAP –显示普通的街道/道路地图(默认地图类型). 地形-根据地形信息显示正常的街道/道路地图. 卫星–仅显示卫星图像. 混合–普通和卫星视 ...
如何使用Google Maps API禁用鼠标滚轮缩放
我正在使用Google Maps API(v3)在页面上绘制一些地图. 我想做的一件事是在地图上滚动鼠标滚轮时禁用缩放,但我不确定如何. 我已禁用scaleControl(即删除了缩放UI元素),但这 ...
maps-api-v3_Android Google Maps API集成
maps-api-v3 In this tutorial we'll show how to integrate android google maps API in our application ...
maps-api-v3_利用Google Maps API发挥创意
maps-api-v3 您已经设计了一个闪亮的新网站: 仔细选择颜色,版式和照片,以完美反映公司的品牌形象. 然后您的客户要求您添加地图. 当然,您可以使用地图构建"向导",例如每 ...
使用Google Maps API和google-maps-react进行React Apps
This tutorial aims at integrating the google maps API to your React components and enabling you to d ...

Google Maps API 简易教程（四）

Google Maps API 简易教程（四）相关推荐

最新文章

热门文章