title: How to change the color of circle radius on google maps
body: <p>I want to put radius circle on google map. I have already checked google maps api docs but still don't know how to do it. </p>
  
  <p>This is my code:</p>
  
  <pre><code> const MyMapComponent = compose(
            withProps({
              googleMapURL: googleMapsApiKey,
              loadingElement: &lt;div style={mapConfigStyle.loadingElement} /&gt;,
              containerElement: &lt;div style={mapConfigStyle.containerElement} /&gt;,
              mapElement: &lt;div style={mapConfigStyle.mapElement} /&gt;
            }),
            withScriptjs,
            withGoogleMap,
          )(props =&gt; (
            &lt;GoogleMap
              defaultZoom={12} 
              defaultCenter={{ lat: Number(this.state.latitude), lng: Number(this.state.longitude) }}
  
            &gt;
           &lt;Circle
            radius={1900}
            fillColor="#2a5777"
            center={{ lat: Number(this.state.latitude), lng: Number(this.state.longitude) }}
          /&gt;
              {props.isMarkerShown &amp;&amp; (
                &lt;Marker position={{ lat: Number(this.state.latitude), lng: Number(this.state.longitude) }} options={{ icon: { url: '/boost_marker.png' } }} /&gt;
              )}
            &lt;/GoogleMap&gt;
  </code></pre>