Question

我正在尝试使我的Google地图需要Ctrl（在Mac上为Command）+滚动来放大和缩小，而不仅仅是滚动。在文档中，它说我需要将手势处理更改为合作，但是我很难将其传递给地图选项。

我尝试过：

  <Map options={{ gestureHandling: 'coopertive' }}
       style={style}
       google={props.google}
       zoom={2}>

    {listMarkers}
  </Map>

而且我也尝试过：

  <Map
       style={style}
       google={props.google}
       zoom={2}
       gestureHandling= 'coopertive'>

    {listMarkers}
  </Map>

Answer 1

在不知道您执行了哪个Google Maps实现的情况下很难回答这个问题，是直接从Google Maps API还是从第三方React Component获得的？

无论如何，假设您直接实现了Google Maps API，则可以通过两种方式设置Google Maps API中的gestureHandling选项：

1）创建google.maps.Map的新实例时的选项：

const map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8,
          gestureHandling: 'cooperative'
        });

文档：Google Maps gestureHandling

2）或作为google.maps.MapOptions方法的参数：

const map = new google.maps.Map(document.getElementById('map'), {
          center: {lat: -34.397, lng: 150.644},
          zoom: 8,
        });

map.setOptions({ gestureHandling: 'cooperative' });

文档：Google Maps Map Options

如何将选项传递给React Google Map？

1 个答案: