我试图将信息窗口添加到多段线的中点。
这是我显示信息窗口的代码。
<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 ,我们可以在任何我们想要的地方渲染一个信息窗口。
感谢任何帮助。
最佳答案
你可以这样做:
{this.state.position &&
<InfoWindow position={this.state.position}>
<h1>My InfoWindow</h1>
</InfoWindow>
}
讨论了这个话题here .
关于javascript - 无法在 react-google-maps 中呈现信息窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48719430/