SebmGoogleMapCircle - TypeScript


Selectors

  • sebm-google-map-circle

Inputs

  • latitude bound to SebmGoogleMapCircle.latitude

    The latitude position of the circle (required).

  • longitude bound to SebmGoogleMapCircle.longitude

    The clickable position of the circle (required).

  • clickable bound to SebmGoogleMapCircle.clickable

    Indicates whether this Circle handles mouse events. Defaults to true.

  • circleDraggable bound to SebmGoogleMapCircle.draggable

    If set to true, the user can drag this circle over the map. Defaults to false.

  • editable bound to SebmGoogleMapCircle.editable

    If set to true, the user can edit this circle by dragging the control points shown at

    center and around the circumference of the circle. Defaults to false.
  • fillColor bound to SebmGoogleMapCircle.fillColor

    The fill color. All CSS3 colors are supported except for extended named colors.

  • fillOpacity bound to SebmGoogleMapCircle.fillOpacity

    The fill opacity between 0.0 and 1.0.

  • radius bound to SebmGoogleMapCircle.radius

    The radius in meters on the Earth's surface.

  • strokeColor bound to SebmGoogleMapCircle.strokeColor

    The stroke color. All CSS3 colors are supported except for extended named colors.

  • strokeOpacity bound to SebmGoogleMapCircle.strokeOpacity

    The stroke opacity between 0.0 and 1.0

  • strokePosition bound to SebmGoogleMapCircle.strokePosition

    The stroke position. Defaults to CENTER.

    property is not supported on Internet Explorer 8 and earlier.
  • strokeWeight bound to SebmGoogleMapCircle.strokeWeight

    The stroke width in pixels.

  • visible bound to SebmGoogleMapCircle.visible

    Whether this circle is visible on the map. Defaults to true.

  • zIndex bound to SebmGoogleMapCircle.zIndex

    The zIndex compared to other polys.

Outputs

  • centerChange bound to SebmGoogleMapCircle.centerChange

    This event is fired when the circle's center is changed.

  • circleClick bound to SebmGoogleMapCircle.circleClick

    This event emitter gets emitted when the user clicks on the circle.

  • circleDblClick bound to SebmGoogleMapCircle.circleDblClick

    This event emitter gets emitted when the user clicks on the circle.

  • drag bound to SebmGoogleMapCircle.drag

    This event is repeatedly fired while the user drags the circle.

  • dragEnd bound to SebmGoogleMapCircle.dragEnd

    This event is fired when the user stops dragging the circle.

  • dragStart bound to SebmGoogleMapCircle.dragStart

    This event is fired when the user starts dragging the circle.

  • mouseDown bound to SebmGoogleMapCircle.mouseDown

    This event is fired when the DOM mousedown event is fired on the circle.

  • mouseMove bound to SebmGoogleMapCircle.mouseMove

    This event is fired when the DOM mousemove event is fired on the circle.

  • mouseOut bound to SebmGoogleMapCircle.mouseOut

    This event is fired on circle mouseout.

  • mouseOver bound to SebmGoogleMapCircle.mouseOver

    This event is fired on circle mouseover.

  • mouseUp bound to SebmGoogleMapCircle.mouseUp

    This event is fired when the DOM mouseup event is fired on the circle.

  • radiusChange bound to SebmGoogleMapCircle.radiusChange

    This event is fired when the circle's radius is changed.

  • rightClick bound to SebmGoogleMapCircle.rightClick

    This event is fired when the circle is right-clicked on.

Constructor

  • constructor(_manager: CircleManager)

    Not Yet Documented

Members

  • latitude : number
    

    The latitude position of the circle (required).

  • longitude : number
    

    The clickable position of the circle (required).

  • clickable : boolean
    

    Indicates whether this Circle handles mouse events. Defaults to true.

  • draggable : boolean
    

    If set to true, the user can drag this circle over the map. Defaults to false.

  • editable : boolean
    

    If 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.

  • fillColor : string
    

    The fill color. All CSS3 colors are supported except for extended named colors.

  • fillOpacity : number
    

    The fill opacity between 0.0 and 1.0.

  • radius : number
    

    The radius in meters on the Earth's surface.

  • strokeColor : string
    

    The stroke color. All CSS3 colors are supported except for extended named colors.

  • strokeOpacity : number
    

    The stroke opacity between 0.0 and 1.0

  • strokePosition
    

    The stroke position. Defaults to CENTER. This property is not supported on Internet Explorer 8 and earlier.

  • CENTER
    

    Not Yet Documented

  • strokeWeight : number
    

    The stroke width in pixels.

  • visible : boolean
    

    Whether this circle is visible on the map. Defaults to true.

  • zIndex : number
    

    The zIndex compared to other polys.

  • centerChange : EventEmitter<LatLngLiteral>
    

    This event is fired when the circle's center is changed.

  • circleClick : EventEmitter<MouseEvent>
    

    This event emitter gets emitted when the user clicks on the circle.

  • circleDblClick : EventEmitter<MouseEvent>
    

    This event emitter gets emitted when the user clicks on the circle.

  • drag : EventEmitter<MouseEvent>
    

    This event is repeatedly fired while the user drags the circle.

  • dragEnd : EventEmitter<MouseEvent>
    

    This event is fired when the user stops dragging the circle.

  • dragStart : EventEmitter<MouseEvent>
    

    This event is fired when the user starts dragging the circle.

  • mouseDown : EventEmitter<MouseEvent>
    

    This event is fired when the DOM mousedown event is fired on the circle.

  • mouseMove : EventEmitter<MouseEvent>
    

    This event is fired when the DOM mousemove event is fired on the circle.

  • mouseOut : EventEmitter<MouseEvent>
    

    This event is fired on circle mouseout.

  • mouseOver : EventEmitter<MouseEvent>
    

    This event is fired on circle mouseover.

  • mouseUp : EventEmitter<MouseEvent>
    

    This event is fired when the DOM mouseup event is fired on the circle.

  • radiusChange : EventEmitter<number>
    

    This event is fired when the circle's radius is changed.

  • rightClick : EventEmitter<MouseEvent>
    

    This event is fired when the circle is right-clicked on.

  • getBounds() : Promise<LatLngBounds>
    

    Gets the LatLngBounds of this Circle.

  • getCenter() : Promise<LatLng>
    

    Not Yet Documented


exported from core/index defined in core/directives/google-map-circle.ts (line 7)