无法在React-Google-Maps中渲染Infowdow

Question

我试图在多线线的中点添加一个infowdow。

这是我用于显示Infowdindow的代码。

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

窗口位置是多线线中点的LAT和LNG。当我尝试运行此问题时，我会遇到一个错误，说You must provide either an anchor (typically render it inside a <Marker>) or a position props for <InfoWindow>。但是回购的所有者说(链接在这里(，如果我们通过我正在做的道具，我们可以在想要的地方渲染一个Infowdow。

任何帮助都将不胜感激。

Answer 1

您可以做这样的事情：

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

此主题在此处讨论。