Я хочу поставить радиус круга на карту Google. Я уже проверил API-карты Google Maps, но до сих пор не знаю, как это сделать.
Это мой код:
const MyMapComponent = compose(
withProps({
googleMapURL: googleMapsApiKey,
loadingElement: <div style={mapConfigStyle.loadingElement} />,
containerElement: <div style={mapConfigStyle.containerElement} />,
mapElement: <div style={mapConfigStyle.mapElement} />
}),
withScriptjs,
withGoogleMap,
)(props => (
<GoogleMap
defaultZoom={12}
defaultCenter={{ lat: Number(this.state.latitude), lng: Number(this.state.longitude) }}
>
<Circle
radius={1900}
fillColor="#2a5777"
center={{ lat: Number(this.state.latitude), lng: Number(this.state.longitude) }}
/>
{props.isMarkerShown && (
<Marker position={{ lat: Number(this.state.latitude), lng: Number(this.state.longitude) }} options={{ icon: { url: '/boost_marker.png' } }} />
)}
</GoogleMap>