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

Question

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

这是我显示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>。但是回购的所有者说 (link's here)如果我们将一个位置作为我正在做的道具，我们可以在任何地方呈现一个infoWindow。

感谢任何帮助。

Answer 1

你可以这样做：

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

本主题将讨论here。