Skip to main content

GmapCircle

Circle component

}

[See](source code) ,[See](official reference)

Props​

Prop nameDescriptionTypeValuesDefault
centerThe center of the Circle.
@value { lat: 41.878, lng: -87.629 }
@see Circle simple		object-
radiusThe radius in meters on the Earth's surface.
@value 10
@see Circle simple		number-10
clickableIndicates whether this Polygon handles mouse events. Defaults to true.
@value true, false
@see Circle draggable		boolean-false
draggableIf set to true, the user can drag this circle over the map. Defaults to false.
@value true, false
@see Circle simple		boolean-false
editableIf set to true, the user can edit this circle by dragging the control points shown at the center and around the circumference of the circle. Defaults to false.
@value true, false
@see Circle simple		boolean-false
fillColorThe fill color. All CSS3 colors are supported except for extended named colors.
@value '#000'
@see Circle editable		string-''
fillOpacityThe fill opacity between 0.0 and 1.0
@value 1
@see Circle editable		number-1
strokeColorThe stroke color. All CSS3 colors are supported except for extended named colors.
@value '#000'
@see Circle editable		string-''
strokeOpacityThe stroke opacity between 0.0 and 1.0.
@value 1
@see Circle editable		number-1
strokePositionThe stroke position. Defaults to CENTER.
@value 1
@see Circle editable
@see StrokePosition constant		number-0
strokeWeightThe stroke width in pixels.
@value 1
@see Circle editable		number-1
visibleWhether this polyline is visible on the map. Defaults to true.
@value 1
@see Circle editable		boolean-true
optionsThe Google Maps circle options
@value {
strokeColor: "#FF0000",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#FF0000",
fillOpacity: 0.35,
map,
center: citymap[city].center,
radius: Math.sqrt(citymap[city].population) * 100,
}
@see Circle simple		object-undefined