Class MapCircleLayer

A sublayer which renders group of MapCircle on MapShapeLayer and MapTileLayer

Inheritance

System.Object

MapCircleLayer

Namespace: Syncfusion.Maui.Maps

Assembly: Syncfusion.Maui.Maps.dll

Syntax

public class MapCircleLayer : MapSublayer

Examples

XAML
C#

 <map:SfMaps>
     <map:SfMaps.Layer>
         <map:MapShapeLayer ShapesSource = "https://cdn.syncfusion.com/maps/map-data/world-map.json">
             <map:MapShapeLayer.Sublayers>
                 <map:MapCircleLayer>
                     <map:MapCircleLayer.Circles>
                        <map:MapCircle>
                            <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="26.841944"
                                                Longitude="114.561183" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                         <map:MapCircle>
                             <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="5.562764"
                                                Longitude="101.470795" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                    </map:MapCircleLayer.Circles>
                 </map:MapCircleLayer>
             </map:MapShapeLayer.Sublayers>
        </map:MapShapeLayer>
     </map:SfMaps.Layer>
 </map:SfMaps>

SfMaps maps = new SfMaps();
MapShapeLayer layer = new MapShapeLayer();
layer.ShapesSource = MapSource.FromUri(new Uri("https://cdn.syncfusion.com/maps/map-data/world-map.json"));
MapCircleLayer circleLayer = new MapCircleLayer();
MapCircle circle = new MapCircle();
circle.Center = new MapLatLng(26.841944, 114.561183);
MapCircle mapCircle = new MapCircle();
mapCircle.Center = new MapLatLng(5.562764, 101.470795);
circleLayer.Circles.Add(circle);
circleLayer.Circles.Add(mapCircle);
layer.Sublayers.Add(circleLayer);
maps.Layer = layer;
this.Content = maps;

Constructors

MapCircleLayer()

Initializes a new instance of the MapCircleLayer class.

Declaration

public MapCircleLayer()

 <map:SfMaps>
     <map:SfMaps.Layer>
         <map:MapShapeLayer ShapesSource = "https://cdn.syncfusion.com/maps/map-data/world-map.json">
             <map:MapShapeLayer.Sublayers>
                 <map:MapCircleLayer>
                     <map:MapCircleLayer.Circles>
                        <map:MapCircle>
                            <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="26.841944"
                                                Longitude="114.561183" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                         <map:MapCircle>
                             <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="5.562764"
                                                Longitude="101.470795" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                    </map:MapCircleLayer.Circles>
                 </map:MapCircleLayer>
             </map:MapShapeLayer.Sublayers>
        </map:MapShapeLayer>
     </map:SfMaps.Layer>
 </map:SfMaps>

SfMaps maps = new SfMaps();
MapShapeLayer layer = new MapShapeLayer();
layer.ShapesSource = MapSource.FromUri(new Uri("https://cdn.syncfusion.com/maps/map-data/world-map.json"));
MapCircleLayer circleLayer = new MapCircleLayer();
MapCircle circle = new MapCircle();
circle.Center = new MapLatLng(26.841944, 114.561183);
MapCircle mapCircle = new MapCircle();
mapCircle.Center = new MapLatLng(5.562764, 101.470795);
circleLayer.Circles.Add(circle);
circleLayer.Circles.Add(mapCircle);
layer.Sublayers.Add(circleLayer);
maps.Layer = layer;
this.Content = maps;

Fields

AnimationDurationProperty

Identifies the AnimationDuration bindable property.

Declaration

public static readonly BindableProperty AnimationDurationProperty

Field Value

Type
Microsoft.Maui.Controls.BindableProperty

AnimationEasingProperty

Identifies the AnimationEasing bindable property.

Declaration

public static readonly BindableProperty AnimationEasingProperty

Field Value

Type
Microsoft.Maui.Controls.BindableProperty

CirclesProperty

Identifies the Circles bindable property.

Declaration

public static readonly BindableProperty CirclesProperty

Field Value

Type
Microsoft.Maui.Controls.BindableProperty

Properties

AnimationDuration

Gets or sets a value that specifies the circles animation duration in milliseconds.

Declaration

public double AnimationDuration { get; set; }

Property Value

Type	Description
System.Double	The default value is `0` milliseconds.

Examples

XAML
C#

 <map:SfMaps>
     <map:SfMaps.Layer>
         <map:MapShapeLayer ShapesSource = "https://cdn.syncfusion.com/maps/map-data/world-map.json">
             <map:MapShapeLayer.Sublayers>
                 <map:MapCircleLayer AnimationEasing="{x:Static Easing.Linear}"
                                     AnimationDuration="5000" >
                     <map:MapCircleLayer.Circles>
                        <map:MapCircle>
                            <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="26.841944"
                                                Longitude="114.561183" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                         <map:MapCircle>
                             <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="5.562764"
                                                Longitude="101.470795" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                    </map:MapCircleLayer.Circles>
                 </map:MapCircleLayer>
             </map:MapShapeLayer.Sublayers>
        </map:MapShapeLayer>
     </map:SfMaps.Layer>
 </map:SfMaps>

SfMaps maps = new SfMaps();
MapShapeLayer layer = new MapShapeLayer();
layer.ShapesSource = MapSource.FromUri(new Uri("https://cdn.syncfusion.com/maps/map-data/world-map.json"));
MapCircleLayer circleLayer = new MapCircleLayer();
circleLayer.AnimationDuration = 5000;
MapCircle circle = new MapCircle();
circle.Center = new MapLatLng(26.841944, 114.561183);
MapCircle mapCircle = new MapCircle();
mapCircle.Center = new MapLatLng(5.562764, 101.470795);
circleLayer.Circles.Add(circle);
circleLayer.Circles.Add(mapCircle);
layer.Sublayers.Add(circleLayer);
maps.Layer = layer;
this.Content = maps;

AnimationEasing

Gets or sets a value that specifies the circles animation easing effect.

Declaration

public Easing AnimationEasing { get; set; }

Property Value

Type	Description
Microsoft.Maui.Easing	The default value is Microsoft.Maui.Easing.Linear.

Examples

XAML
C#

 <map:SfMaps>
     <map:SfMaps.Layer>
         <map:MapShapeLayer ShapesSource = "https://cdn.syncfusion.com/maps/map-data/world-map.json">
             <map:MapShapeLayer.Sublayers>
                 <map:MapCircleLayer AnimationEasing="{x:Static Easing.Linear}" >
                     <map:MapCircleLayer.Circles>
                        <map:MapCircle>
                            <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="26.841944"
                                                Longitude="114.561183" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                         <map:MapCircle>
                             <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="5.562764"
                                                Longitude="101.470795" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                    </map:MapCircleLayer.Circles>
                 </map:MapCircleLayer>
             </map:MapShapeLayer.Sublayers>
        </map:MapShapeLayer>
     </map:SfMaps.Layer>
 </map:SfMaps>

SfMaps maps = new SfMaps();
MapShapeLayer layer = new MapShapeLayer();
layer.ShapesSource = MapSource.FromUri(new Uri("https://cdn.syncfusion.com/maps/map-data/world-map.json"));
MapCircleLayer circleLayer = new MapCircleLayer();
circleLayer.AnimationEasing = Easing.Linear;
MapCircle circle = new MapCircle();
circle.Center = new MapLatLng(26.841944, 114.561183);
MapCircle mapCircle = new MapCircle();
mapCircle.Center = new MapLatLng(5.562764, 101.470795);
circleLayer.Circles.Add(circle);
circleLayer.Circles.Add(mapCircle);
layer.Sublayers.Add(circleLayer);
maps.Layer = layer;
this.Content = maps;

Circles

Gets or sets the collection of circle. Every single MapCircle is drawn based on the given Center and Radius.

Declaration

public ObservableCollection<MapCircle> Circles { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<MapCircle>	The circle collection. By default, the collection is empty.

Examples

XAML
C#

 <map:SfMaps>
     <map:SfMaps.Layer>
         <map:MapShapeLayer ShapesSource = "https://cdn.syncfusion.com/maps/map-data/world-map.json">
             <map:MapShapeLayer.Sublayers>
                 <map:MapCircleLayer>
                     <map:MapCircleLayer.Circles>
                        <map:MapCircle>
                            <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="26.841944"
                                                Longitude="114.561183" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                         <map:MapCircle>
                             <map:MapCircle.Center>
                                 <map:MapLatLng Latitude="5.562764"
                                                Longitude="101.470795" />
                             </map:MapCircle.Center>
                         </map:MapCircle>
                    </map:MapCircleLayer.Circles>
                 </map:MapCircleLayer>
             </map:MapShapeLayer.Sublayers>
        </map:MapShapeLayer>
     </map:SfMaps.Layer>
 </map:SfMaps>

SfMaps maps = new SfMaps();
MapShapeLayer layer = new MapShapeLayer();
layer.ShapesSource = MapSource.FromUri(new Uri("https://cdn.syncfusion.com/maps/map-data/world-map.json"));
MapCircleLayer circleLayer = new MapCircleLayer();
MapCircle circle = new MapCircle();
circle.Center = new MapLatLng(26.841944, 114.561183);
MapCircle mapCircle = new MapCircle();
mapCircle.Center = new MapLatLng(5.562764, 101.470795);
circleLayer.Circles.Add(circle);
circleLayer.Circles.Add(mapCircle);
layer.Sublayers.Add(circleLayer);
maps.Layer = layer;
this.Content = maps;

Methods

OnBindingContextChanged()

Invoked whenever the binding context of the View changes.

Declaration

protected override void OnBindingContextChanged()