Google 地图类型详解及示例代码

网络编程 2025/1/16 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

Google 地图类型

Google 地图- 基本地图类型

Google Maps API 中提供了以下地图类型：

1.MapTypeId.ROADMAP，用于显示默认的道路地图视图
2.MapTypeId.SATELLITE，用于显示 Google 地球卫星图片
3.MapTypeId.HYBRID，用于同时显示普通视图和卫星视图
4.MapTypeId.TERRAIN，用于根据地形信息显示实际地图。

要通过 Map 修改正在使用的地图类型，您可以为其设置 mapTypeId 属性:

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

或者动态修改 mapTypeId：

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

Google 地图- 45° 图像

Google Maps API 针对特定位置支持特殊的 45° 图像。

此类高分辨率图像可提供朝向各基本方向（东南西北）的透视视图。对于支持的地图类型，这些图片还可提供更高的缩放级别。

现有的 google.maps.MapTypeId.SATELLITE 和 google.maps.MapTypeId.HYBRID 地图类型支持高缩放级别的 45° 透视图像（如果有的话）。如果您放大的位置拥有此类图像，那么这些地图类型将会自动通过以下方式更改其视图：

1.地图上现有的任何平移控件都将会变更为在现有的导航控件周围添加一个罗盘转轮。您可以通过该罗盘来更改任意 45° 图像的方向，方法是：拖动该罗盘转轮，然后将方向对准包含图像的最近支持方向。

2.一个旋转控件将会间隙显示在现有的平移和缩放控件之间，它可用于将图像围绕支持方向旋转。旋转控件仅支持顺时针方向旋转。

3.以当前位置为中心的 45° 透视图像将会替代卫星图像或混合图像。默认情况下，此类视图会朝向北方。如果您缩小地图，则地图会重新显示默认的卫星图像或混合图像。

4.MapType 控件将启用子菜单切换控件，用于显示 45° 图像。

注意：缩小显示 45° 图像的地图类型将会还原所有更改，并重新构建原始地图类型。

以下示例显示了意大利威尼斯公爵宫45°视图：

实例

<html>
<head>
<script
src="/UploadFiles/2021-04-02/js">

提示：Google 正在不断地为更多城市添加 45° 图像。有关最新信息，请参阅 Google 地图上的 45° 图像列表。


Google 地图 - 启用和停用 45° 图像 - setTilt(0)


您可以通过在 Map 对象上调用 setTilt(0) 来停用 45° 图像。要启用适用于支持的地图类型的 45° 透视图像，请调用 setTilt(45)。


实例




<html>
<head>
<script
src="/UploadFiles/2021-04-02/js">

以上就是对Google 地图类型的资料简单整理和讲解，希望能帮助开发Google地图的朋友,后续继续补充相关知识，谢谢大家对本站的支持！

Google,地图类型,Google,地图开发,地图类型

标签：

Google,地图类型,Google,地图开发,地图类型

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“Google 地图类型详解及示例代码”

暂无Google 地图类型详解及示例代码的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月16日

Google 地图类型详解及示例代码

Google,地图类型,Google,地图开发,地图类型

jquery自动补齐功能插件flexselect用法示例

Google 地图控件集详解及实例代码

评论“Google 地图类型详解及示例代码”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接