javascript - 无法在 react-google-maps 中呈现 infoWindow

Question

我试图将 InfoWindow 添加到折线的中点。

这是我显示信息窗口的代码。

<InfoWindow
   position={this.state.windowPosition}
   onCloseclick={this.toggleInfoWindow}
   options={{pixelOffset: new google.maps.Size(0,-30)}}
>
       <p>iggd</p>
</InfoWindow>

这里的 windowPosition 是折线中点的 lat 和 lng。当我尝试运行它时，我收到一条错误消息You must provide either an anchor (typically render it inside a <Marker>) or a position props for <InfoWindow>。但是 repo 的所有者说（链接在这里）如果我们将一个位置作为我正在做的道具传递，我们可以在任何我们想要的地方渲染一个 infoWindow。

任何帮助表示赞赏。

Answer 1

你可以这样做：

            {this.state.position && 
                 <InfoWindow position={this.state.position}>
                     <h1>My InfoWindow</h1>
                 </InfoWindow>
             }

这个话题在这里讨论。