У меня есть компонент React, который отображает карту Google для данного адреса на карте. Я разработал его, чтобы запустить просмотр в режиме просмотра улиц, что является желательным поведением.
Я пролистал как документацию по React- Google-Maps, так и документацию по API Google, и не могу найдите что-нибудь четкое о том, как установить элементы управления, чтобы в режиме просмотра улиц отображался адрес в верхнем левом углу с кнопкой «Назад», чтобы вернуться к виду карты.
Google Maps Container Component from React-Google-Maps
const GoogleMapContainer = withScriptjs(
withGoogleMap((props: GoogleMapsProps) => (
<Fragment>
<GoogleMap center={coordsParsed} defaultZoom={16} defaultHeading={2} options={{streetViewControl: false, disableDefaultUI: true}}>
<StreetViewPanorama
position={coordsParsed}
visible={props.showStreetView}
options={{linksControl: true, disableDefaultUI: true}}
pov={{ heading: 2.3, pitch: 0 }}
/>
<Marker position={coordsParsed} />
</GoogleMap>
</Fragment>
))
);
Google Maps Component
<Card>
<CardHeader title={title} onContextClick={toggleContextMenu} sortable>
{contextActive &&
<CardContextMenu>
<button type="button" onClick={() => toggleHelp()}><HelpSvg />Help</button>
<button type="button" onClick={() => handleActive()}><HideSvg />Hide</button>
</CardContextMenu>
}
</CardHeader>
<CardBody sortable>
....
{!isLoading && !error &&
<>
<GoogleMapContainer
loadingElement={<Loader />}
containerElement={<ContainerElement />}
googleMapURL={SECRET_KEY}
mapElement={<ContainerElement />}
showStreetView={show}
/>
<button onClick={() => {
setShow(!show)
}}>Toggle</button>
</>
}
</CardBody>