打开InfoWindow时防止React Google Maps跳到页面中心

Question

当我点击地图图标并打开信息窗口时，页面会跳转到我的屏幕中央。打开信息窗口时如何防止页面跳转？

const UserMarker = props => (
        <Marker
            position={props.location}
            icon={props.icon}
            onClick={() => props.users.setIsOpen()}
        >
            {props.users.isOpen && <InfoWindow onCloseClick={() => props.users.setIsOpen()}>
                <div>
                    <h3 className="margin-bottom-1">{props.users.hasDescription ? <img alt={props.users.name} src={props.icon} /> : <i className="fa fa-user" />} {props.users.name}</h3>
                    {props.users.hasDescription ? <p>{props.users.description}</p> : ''}
                    <p>{props.users.hasDescription ? '' : `Bid: ${props.users.bidAmount && convertToDollars(props.users.bidAmount)}`}</p>
                </div>
            </InfoWindow>}

        </Marker>
    )

    export const UserMap = withScriptjs(withGoogleMap((props) => {
        const { users, area, zoom } = props;

        const markers = users.map((user, idx) => <UserMarker
            key={idx}
            users={user}
            location={{ lat: user.lat, lng: user.lon }}
            icon={user.marker}
        />);

        return (
            <React.Fragment>
                <GoogleMap
                    defaultZoom={zoom}
                    center={{ lat: area.lat, lng: area.lon }}
                >
                    {markers}
                </GoogleMap>
            </React.Fragment>
          );
        }
      ))

Answer 1

我猜你的意思是信息窗口自动平移，如果是这样，这是默认行为，禁用信息窗口自动平移打开设置disableAutoPan属性为真这样的InfoWindow组件：

<InfoWindow options={{disableAutoPan: true}}>
    <div>
        content
    </div>
 </InfoWindow>

这是一个演示