Menu
×
   ❮     
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 API 中受支持

  • ROADMAP(普通、默认二维地图)
  • SATELLITE(摄影地图)
  • HYBRID(摄影地图 + 道路和城市名称)
  • TERRAIN(带有山脉、河流等的地图)

地图类型可以在地图属性对象中指定,使用 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);


谷歌地图 - 45° 透视视图

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

如果你放大到具有 45° 影像视图的位置,地图将自动更改透视视图。此外,地图将添加

  • 一个围绕平移控件的指南针,允许你旋转图片
  • 一个位于平移和缩放控件之间的旋转控件,允许你将图片旋转 90°
  • 一个用于显示 45° 透视视图的切换控件,位于卫星控件/标签下

注意:从具有 45° 影像视图的地图缩小将恢复所有这些更改,并将显示原始地图。

以下示例显示了意大利威尼斯多奇宫的 45° 透视视图

示例

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

谷歌地图 - 禁用 45° 透视视图 - setTilt(0)

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

示例

map.setTilt(0);

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


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.