使用 react-google-maps 渲染自定义组件 - ReactJS

问题描述

我想向地图添加自定义标记组件，但我注意到使用 react-google-maps/api 不会呈现自定义组件。作为一个简单的例子，我使用了以下代码：

const AnyReactComponent = ({ text }) => <div>{text}</div>;

...
   <GoogleMap
          mapContainerStyle={containerStyle}
          center={this.props.center}
          zoom={this.props.zoom}
        >

          {<AnyReactComponent lat={38.26} lng={-7.61} text="My Marker" />}

   </GoogleMap>
...

用这个框架可以做这样的事情吗？此外，是否可以将按钮组件添加到信息框，或者在单击标记时呈现选项部分？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）