我遵循了此处发布的一些建议,但似乎无法使InfoWindows显示在地图上。但即使标记也没有显示?但是api调用返回的是正确的数据。
这是我的大部分代码,减去api调用,这不是问题的原因。任何帮助将是巨大的!在此先感谢:)
<Map
google={this.props.google}
zoom={5}
style={style}
gestureHandling={'cooperative'}
initialCenter={{
lat: -19.577286,
lng: 147.406473
}}
>
{this.state.data.map((result) => {
let keys = Object.keys(result);
return keys.map(data => {
return (
<>
<Marker
name={result[data].item1}
title={result[data].item2}
onClick={ this.onMarkerClick }
position={{
lat: result[data].lat,
lng: result[data].long
}}
animation={this.props.google.maps.Animation.DROP}
/>
<InfoWindow
marker = { this.state.activeMarker }
visible = { this.state.showingInfoWindow } >
<div>
<h4>{ this.state.selectedPlace.title }</h4>
<p>{ this.state.selectedPlace.name }</p>
</div>
</InfoWindow>
</>
);
});
})}
</Map>