javascript - 如何在谷歌地图API中显示大缩放滚动

Question

我必须显示大缩放 slider 选项，该选项在以前版本的谷歌地图 API (v3.21) 中可用。我已经在脚本的 src 中指定了版本，但它不起作用。下面是我的代码:

html, body {
  height: 100%;
  margin: 0;
}

<div id="googleMap" style="height: 100%;width: 1349px;"></div>
<script type="text/javascript">
  var map;
  function initialize() {
    map = new google.maps.Map(document.getElementById('googleMap'), {
      center: {lat: -34.397, lng: 150.644},
      zoom: 2,
      streetViewControl: false,
      panControl: true,
      panControlOptions: {
        position: google.maps.ControlPosition.RIGHT_TOP
      },
      zoomControl: true,
      zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
        position: google.maps.ControlPosition.RIGHT_TOP
      },
    });
  }
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initialize&v=3.21&signed_in=true"></script>

Answer 1

“旧的”平移和缩放控件已被删除。如果您仍然需要该功能，则需要创建自己的自定义控件来实现它。

相关问题(包括自定义平移/缩放控件的示例):

• Google maps custom control always appears below the default controls (包含自定义平移控件)

• googlemaps api3, demogallery example “Custom Small Navigation Control” (包含自定义平移/缩放控件)