首页 > 解决方案 > map.setCenter 在 Google Maps React 中不起作用

问题描述

我正在使用带有 React JS 的Google Maps React库,并且我试图在使用过程中手动设置地图的中心。以下是 MapContainer 类的最小可重现示例, map.setCenter 似乎对此没有做任何事情。

export class MapContainer extends React.Component {
    onDragEnd = (mapProps, map) => {
        map.setCenter(this.props.google.maps.LatLng(28.0571376, -83.7662318))
    }

    render() {
        return (
            <Map
                google={this.props.google}
                zoom={7}
                style={mapStyles}
                containerStyle={containerStyle}
                initialCenter={
                    {
                        lat: 28.0571376,
                        lng: -83.7662318
                    }
                }
                onDragend={this.onDragEnd}
            />
        );
    }
}

地图显示正常,我可以在地图上平移,但是当 OnDragend 事件发生时,地图的中心保持在原来的位置,而不是像我期望的那样重置为 initialCenter

标签: reactjsgoogle-maps-api-3google-maps-react

解决方案


推荐阅读