circle.md

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 [email protected]

Support Need support? contact us!

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

Terms & Conditions | Privacy Policy | Supplier Sustainability Policy | Health & Safety Policy | Environmental Policy & CSR Report

Customer Care: +91-9999333223