Как переместить кнопку масштабирования Google Maps наверх

Question

Я хочу немного сместить положение панели увеличения в верхнюю часть общего изображения. Любая помощь приветствуется. Спасибо.

<GoogleMapReact
  bootstrapURLKeys={{ key: `${process.env.REACT_APP_GOOGLE_MAPS_KEY}` }}
  defaultCenter={{
    lat: 42.361145,
    lng: -71.057083,
  }}
  defaultZoom={14}
  options={{ zoomControlOptions: { position: 0 } }}
  layerTypes={isTraffic ? ["TrafficLayer"] : []}
  yesIWantToUseGoogleMapApiInternals
  onGoogleApiLoaded={handleApiLoaded}
> 
</GoogleMapReact>

Answer 1

Вы можете изменить положение zoomControl следующим образом

        mapProperties.zoomControl = true;
        mapProperties.zoomControlOptions = {
            position: google.maps.ControlPosition.LEFT_TOP
        } ;   

Вы можете использовать LEFT_TOP или RIGHT_TOP для ваших нужд

  yourMap = new google.maps.Map(document.getElementById(you_map_id), mapProperties);

или на основе вашего_примера

options={(maps) => ({
  zoomControl: true,
  zoomControlOptions: {
   position: maps.ControlPosition.TOP_RIGHT
  }
 })}