javascript - 无法在 react-google-maps 中呈现信息窗口

Question

我试图将信息窗口添加到多段线的中点。

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

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

这里的 windowPosition 是折线中点的纬度和经度。当我尝试运行它时，我收到一条错误消息说 You must provide either an anchor (typically render it inside a <Marker>) or a position props for <InfoWindow> .但是 repo 协议(protocol)的所有者说 (link's here)如果我们传递一个位置作为我正在做的 Prop ，我们可以在任何我们想要的地方渲染一个信息窗口。

感谢任何帮助。

Answer 1

你可以这样做:

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

讨论了这个话题here .