如何使用反应谷歌地图在街景模式下初始化地图

Question

我已经实现了默认的react-google-map组件，它正确地显示了地图。但是，有没有办法使用给定的坐标将其初始化为街景？

我想在下面修改原始代码：

const Map = compose(
withProps({
containerElement: <div style={{ height: `100%` }} />,
mapElement: <div style={{ height: `100%` }} />
}),
withGoogleMap
)(props => (
<GoogleMap
defaultZoom={18}
defaultCenter={{ lat: props.coord.lat, lng: props.coord.lng }}
>
{true && (
<Marker position={{ lat: props.coord.lat, lng: props.coord.lng }} />
)}
</GoogleMap>
));

Answer 1

我已经为街景全景共享了代码沙箱。但是您需要在地图 URL 中添加您的 API 密钥。 代码沙盒 ： https://codesandbox.io/s/147kvk67zj

随时提出任何问题。

Answer 2

<LoadScript googleMapsApiKey={api}>
<GoogleMap
mapContainerStyle={{width: "100%", height: "100%"}}
center={center}
zoom={10}
options={options}
>
<StreetViewPanorama position={center} visible={true}/>
</GoogleMap>
</LoadScript>