如何使用react-google-maps在街景模式下初始化地图

时间:2018-08-19 00:24:23

标签: reactjs google-maps react-google-maps

我已经实现了默认的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>
));

1 个答案:

答案 0 :(得分:1)

我有streetViewPanorama的共享codeandbox。但是您需要在地图网址中添加API密钥。 codesandbox:https://codesandbox.io/s/147kvk67zj

随时问任何问题。