我正在使用Reaction-Google-Maps/API包,我想要更改 map 的标题.对于如何做到这一点,有什么建议吗?

我已经try 在组件中添加标题,也try 在组件的选项部分传递值,但仍然不起作用.

 <GoogleMap
      mapContainerStyle={containerStyle}
      center={center}
      gestureHandling="greedy"
      onLoad={onLoad}
      onUnmount={onUnmount}
      options={{
        scrollwheel: true,
        disableDefaultUI: true,
        auto: true,
        noClear: true,
        backgroundColor: 'white',
        enableHighAccuracy: true,
        isFractionalZoomEnabled: true,
        scaleControlOptions: true,
        zoomControl: false,
        streetViewControl: false,
        mapTypeControl: false,
        fullscreenControl: false,
        zoom: 15,
        gestureHandling: 'greedy',
        
      }}          
    >

推荐答案

只有矢量 map 支持航向和倾斜.要使用矢量 map ,需要执行两个步骤:

  1. Create a mapID that uses vector map在您的 map 管理空间.(记住将MapType设置为Javascript, Select Vector作为渲染类型,然后选中rotation)
  2. optionsprops 中设置标题,根据PR,mapid需要设置为be in the options prop as well.
<GoogleMap
    mapContainerStyle={containerStyle}
    center={center}
    zoom={10}
    onLoad={onLoad}
    onUnmount={onUnmount}
    options = {{
        mapId: 'your-map-id',
        heading: 180
    }}
>

Reactjs相关问答推荐

我的组件在jsx文件中继续重新渲染

全局上下文挂钩-替代不起作用

为什么安装FLOBIT后,所有的输入FIELD现在都有一个蓝色的轮廓?

Tailwind不使用@apply classes构建,并强制使用类似于移动的viewport

NextJS如何正确保存添加到购物车中的产品会话

无法将react 路由状态从路由传递给子组件

如何使用TouchStart/TouchEnd在Table ReactJS中交换位置?

悬停轴时重新绘制自定义参照线

shadcn输入+窗体+Zod;一个部件正在改变要被控制的不受控制的输入;

滚动视图样式高度没有任何区别

卸载 React 组件时未清除本地存储项目

如何在屏幕上使用相同的可重用

FlatList 不在 React Native 中呈现项目

如何禁用 redux-toolkit 的不可序列化值测试警告?

AWS 全栈应用程序部署教程构建失败

表单错误后 Ionic React 无法 Select 单选按钮

如何使用 React Router 在 React 中正确同步 useEffect 和 useLocation 挂钩?

在视图列表上react 本机无限循环的反弹动画?

如何通过 Material Ui 设计将 Accordion 添加到您的 React 项目中?

a.active 类在导入 x.scss 文件时有效,但在使用 x.module.scss 时无效