菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP How to W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

Google Maps 类型


Google Maps - 基本地图类型

Google Maps API 支持以下地图类型:

  • ROADMAP(普通,默认的 2D 地图)
  • SATELLITE(卫星图像地图)
  • HYBRID(卫星图像地图 + 道路和城市名称)
  • TERRAIN(带有山脉、河流等的地图)

地图类型可以在 Map 属性对象中指定,使用 `mapTypeId` 属性:

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

或者通过调用地图的 `setMapTypeId()` 方法来指定:

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


Google Maps - 45° 透视图

SATELLITE 和 HYBRID 地图类型在某些位置支持 45° 透视图影像(仅在高缩放级别)。

如果您放大到具有 45° 影像的区域,地图将自动更改为透视图。此外,地图还会添加:

  • 在 Pan 控件周围添加一个指南针轮盘,允许您旋转图像。
  • 在 Pan 和 Zoom 控件之间添加一个 Rotate 控件,允许您将图像旋转 90°。
  • 一个用于显示 45° 透视图的切换控件,位于 Satellite 控件/标签下方。

注意:从带有 45° 影像的地图缩小时,所有这些更改都会还原,并显示原始地图。

以下示例显示了意大利威尼斯总督宫的 45° 透视图:

示例

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

Google Maps - 禁用 45° 透视图 - setTilt(0)

您可以通过在 Map 对象上调用 `setTilt(0)` 来禁用 45° 透视图:

示例

map.setTilt(0);

提示:要稍后启用 45° 透视图,请调用 `setTilt(45)`。


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持