谷歌地图上的信息窗口未显示

时间:2019-05-31 14:21:49

标签: reactjs api google-maps

我遵循了此处发布的一些建议,但似乎无法使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>      

0 个答案:

没有答案