Skip to main content

Circle

Circle Properties​

Required

  • Map
  • center: This could be be the array of lat lng.
  • radius: Radius of the circle.
    {
        radius: 500
    }

Optional​

  • fillcolor: Fills the color of the circle and is supports all color of CSS3.
    {
        fillcolor: "red"
    }
  • fillOpacity: Fills the opacity of the circle.
    {
        fillOpacity: 0.8
    }
  • strokeColor: Fills the Stroke color of the circle.
    {
        strokeColor: "blue"
    }
  • strokeOpacity: Fills the Stroke opacity of the circle.
    {
        strokeOpacity: "black"
    }
  • strokeWeight: The stroke width in pixels.
    {
        strokeWeight: 2
    }

Circle Method​

Mappls.Circle()

mappls_circle = new mappls.Circle({
    center: {"lat": "28.519467" ,"lng": "77.223150"},
    map: map,
    radius: 100,
    strokeColor: red,
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: red,
    fillOpacity: 0.8
});

Remove Circle​

    mappls.remove({map: map, layer: circle);

Circle Events​

click​

    circle.addListener(('click')), function() {
            alert(`Click Event Works`);
    });

dblclick​

    circle.addListener(('dblclick')), function() {
            alert(`Double Click Event Works`);
    });

drag​

    circle.addListener(('drag')), function() {
            alert(`Drag Event Works`);
    });

dragstart​

    circle.addListener(('dragstart')), function() {
            alert(`Drag Event Works`);
    });

dragend​

    circle.addListener(('dragend')), function() {
            alert(`Dragend Event Works`);
    });

mousemove​

    circle.addListener(('mousemove')), function() {
            alert(`Mouse Move Event Works`);
    });

mouseover​

    circle.addListener(('mouseover')), function() {
            alert(`Mouse Over Event Works`);
    });