Skip to content

MapmyIndia Interactive Vector Maps JS SDK for Web !

For access, you can get your api key from Mappls Console

< Back to Table of Contents

Circle

Mappls Live Demo | Code Pen Implementation

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 Live Demo | Code Pen Implementation

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`);
    });

For any queries and support, please contact:

Email us at apisupport@mappls.com

Support Need support? contact us!



@ Copyright 2022 CE Info Systems Ltd. All Rights Reserved.