当我们单击React-Google-Maps中的圆圈时，如何显示信息窗口

Question

<Circle 
 center={{ lat: LAT, lng: LNG }}>
     <InfoWindow>some text</InfoWindw>
</Circle>

圆圈正确显示在地图上，但找不到Infowdow。

如果将圆替换为标记，则可以正常工作。

Answer 1

看起来您使用react-google-maps

以这种方式解决了这个问题，我认为有更好的方法可以分享，我感谢这一点。这是我的：

<Marker
  position={{ lat: LAT, lng: LNG }}
  visible={false}
  key={key}
>
  <InfoWindow
    onPositionChanged={() => console.log('on position changed')}
    onContentChanged={() => console.log('on content changed')}
  >
    <div>
      <span>Name:</span><br/>
      <Circle
        radius={radius}
        center={{ lat: LAT, lng: LNG }}
      />
    </div>
  </InfoWindow>
</Marker>