如何使用react-google-maps禁用街景视图？

Question

我正在使用react-google-maps包在我的react应用程序中渲染Google Map。我想禁用街景。

在the documentation中，我看到了以下道具：

• defaultStreetView

• streetView

我尝试将两者与false一起使用-但均无效。有谁知道如何通过此软件包禁用街景功能？

此处的代码段：

GetUser

Answer 1

在这种情况下，道具defaultStreetView和streetView实际上并不相关。

实现此目的的方法是将{streetViewControl：false}传递给选项prop。

正确的代码：

import React, { Component } from 'react';
import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps";
import PropTypes from 'prop-types';

const Map = withScriptjs(withGoogleMap((props) => {
    return(
        <GoogleMap 
            defaultZoom={17}
            defaultCenter={{ lat: props.lat, lng: props.lng }}
            // defaultStreetView={false}
            // streetView={false}
        >
            {props.isMarkerShown && <Marker position={{ lat: props.lat, lng: props.lng }} />}
        </GoogleMap>
    )
}))

Map.propTypes = {
    lat: PropTypes.number.isRequired,
    lng: PropTypes.number.isRequired,
    isMarkerShown: PropTypes.bool.isRequired
}

export default Map;