在react-google-maps上隐藏默认全屏按钮

在 react-google-maps 上隐藏默认全屏按钮，可以通过以下步骤实现：

1. 首先，确保已经安装了 react-google-maps 的依赖包。可以使用 npm 或者 yarn 进行安装：

npm install react-google-maps

或

yarn add react-google-maps

1. 在你的 React 组件中引入 GoogleMap 组件和 withGoogleMap 高阶组件：

import { GoogleMap, withGoogleMap } from 'react-google-maps';

1. 创建一个新的组件，并使用 withGoogleMap 包装 GoogleMap 组件：

const MapComponent = withGoogleMap(() => (
  <GoogleMap
    defaultZoom={8}
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
    options={{ fullscreenControl: false }} // 添加该选项来隐藏默认全屏按钮
  />
));

1. 在你的父组件中渲染 MapComponent 组件：

const ParentComponent = () => (
  <div>
    {/* 其他组件内容 */}
    <MapComponent
      containerElement={<div style={{ height: '400px' }} />}
      mapElement={<div style={{ height: '100%' }} />}
    />
  </div>
);

在上面的代码中，containerElement 用于指定地图的容器元素，可以设置高度来适应你的页面布局，而 mapElement 则用于设置地图本身的高度。

通过设置 options 属性中的 fullscreenControl 为 false，我们隐藏了默认的全屏按钮。

请注意，以上只是一个基本示例，你可以根据自己的需求对地图的初始缩放级别（defaultZoom）和中心点（defaultCenter）进行调整。

腾讯云提供了名为云地图（Tencent Maps）的产品，它是一套功能强大的地理信息解决方案，适用于各种场景，包括定位服务、地图显示和路径规划等。你可以通过以下链接了解更多关于腾讯云地图的信息：

• 腾讯云地图

以上是针对在 react-google-maps 上隐藏默认全屏按钮的答案，希望对你有所帮助！