Class MapLineLayer

A sublayer which renders group of MapLine on MapShapeLayer and MapTileLayer

Inheritance

System.Object

MapLineLayer

Namespace: Syncfusion.Maui.Maps

Assembly: Syncfusion.Maui.Maps.dll

Syntax

public class MapLineLayer : 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:MapLineLayer>
                       <map:MapLineLayer.Lines>
                          <map:MapLine>
                               <map:MapLine.From>
                                  <map:MapLatLng Latitude="26.841944"
                                                 Longitude="114.561183" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="37.316207"
                                                 Longitude="89.494558" />
                              </map:MapLine.To>
                          </map:MapLine>
                          <map:MapLine>
                              <map:MapLine.From>
                                  <map:MapLatLng Latitude="5.562764"
                                                 Longitude="101.470795" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="-19.138292"
                                                 Longitude="44.822302" />
                              </map:MapLine.To>
                          </map:MapLine>
                     </map:MapLineLayer.Lines>
               </map:MapLineLayer>
              </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"));
MapLineLayer mapLineLayer = new MapLineLayer();
MapLine line = new MapLine();
line.From = new MapLatLng(26.841944, 114.561183);
line.To = new MapLatLng(37.316207, 89.494558);
MapLine mapLine = new MapLine();
mapLine.From = new MapLatLng(5.562764, 101.470795);
mapLine.To = new MapLatLng(-19.138292, 44.822302);
mapLineLayer.Lines.Add(line);
mapLineLayer.Lines.Add(mapLine);
layer.Sublayers.Add(mapLineLayer);
maps.Layer = layer;
this.Content = maps;

Constructors

MapLineLayer()

Initializes a new instance of the MapLineLayer class.

Declaration

public MapLineLayer()

  <map:SfMaps>
     <map:SfMaps.Layer>
          <map:MapShapeLayer ShapesSource = "https://cdn.syncfusion.com/maps/map-data/world-map.json">
              <map:MapShapeLayer.Sublayers>
                  <map:MapLineLayer>
                       <map:MapLineLayer.Lines>
                          <map:MapLine>
                               <map:MapLine.From>
                                  <map:MapLatLng Latitude="26.841944"
                                                 Longitude="114.561183" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="37.316207"
                                                 Longitude="89.494558" />
                              </map:MapLine.To>
                          </map:MapLine>
                          <map:MapLine>
                              <map:MapLine.From>
                                  <map:MapLatLng Latitude="5.562764"
                                                 Longitude="101.470795" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="-19.138292"
                                                 Longitude="44.822302" />
                              </map:MapLine.To>
                          </map:MapLine>
                     </map:MapLineLayer.Lines>
               </map:MapLineLayer>
              </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"));
MapLineLayer mapLineLayer = new MapLineLayer();
MapLine line = new MapLine();
line.From = new MapLatLng(26.841944, 114.561183);
line.To = new MapLatLng(37.316207, 89.494558);
MapLine mapLine = new MapLine();
mapLine.From = new MapLatLng(5.562764, 101.470795);
mapLine.To = new MapLatLng(-19.138292, 44.822302);
mapLineLayer.Lines.Add(line);
mapLineLayer.Lines.Add(mapLine);
layer.Sublayers.Add(mapLineLayer);
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

LinesProperty

Identifies the Lines bindable property.

Declaration

public static readonly BindableProperty LinesProperty

Field Value

Type	Description
Microsoft.Maui.Controls.BindableProperty	The identifier for Lines bindable property.

Properties

AnimationDuration

Gets or sets a value that specifies the lines 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:MapLineLayer AnimationDuration="5000"
                                    AnimationEasing="{x:Static Easing.Linear}" >
                       <map:MapLineLayer.Lines>
                          <map:MapLine>
                               <map:MapLine.From>
                                  <map:MapLatLng Latitude="26.841944"
                                                 Longitude="114.561183" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="37.316207"
                                                 Longitude="89.494558" />
                              </map:MapLine.To>
                          </map:MapLine>
                          <map:MapLine>
                              <map:MapLine.From>
                                  <map:MapLatLng Latitude="5.562764"
                                                 Longitude="101.470795" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="-19.138292"
                                                 Longitude="44.822302" />
                              </map:MapLine.To>
                          </map:MapLine>
                     </map:MapLineLayer.Lines>
               </map:MapLineLayer>
              </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"));
MapLineLayer mapLineLayer = new MapLineLayer();
mapLineLayer.AnimationDuration = 5000;
MapLine line = new MapLine();
line.From = new MapLatLng(26.841944, 114.561183);
line.To = new MapLatLng(37.316207, 89.494558);
MapLine mapLine = new MapLine();
mapLine.From = new MapLatLng(5.562764, 101.470795);
mapLine.To = new MapLatLng(-19.138292, 44.822302);
mapLineLayer.Lines.Add(line);
mapLineLayer.Lines.Add(mapLine);
layer.Sublayers.Add(mapLineLayer);
maps.Layer = layer;
this.Content = maps;

AnimationEasing

Gets or sets a value that specifies the lines 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:MapLineLayer AnimationEasing="{x:Static Easing.Linear}" >
                       <map:MapLineLayer.Lines>
                          <map:MapLine>
                               <map:MapLine.From>
                                  <map:MapLatLng Latitude="26.841944"
                                                 Longitude="114.561183" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="37.316207"
                                                 Longitude="89.494558" />
                              </map:MapLine.To>
                          </map:MapLine>
                          <map:MapLine>
                              <map:MapLine.From>
                                  <map:MapLatLng Latitude="5.562764"
                                                 Longitude="101.470795" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="-19.138292"
                                                 Longitude="44.822302" />
                              </map:MapLine.To>
                          </map:MapLine>
                     </map:MapLineLayer.Lines>
               </map:MapLineLayer>
              </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"));
MapLineLayer mapLineLayer = new MapLineLayer();
mapLineLayer.AnimationEasing = Easing.Linear;
MapLine line = new MapLine();
line.From = new MapLatLng(26.841944, 114.561183);
line.To = new MapLatLng(37.316207, 89.494558);
MapLine mapLine = new MapLine();
mapLine.From = new MapLatLng(5.562764, 101.470795);
mapLine.To = new MapLatLng(-19.138292, 44.822302);
mapLineLayer.Lines.Add(line);
mapLineLayer.Lines.Add(mapLine);
layer.Sublayers.Add(mapLineLayer);
maps.Layer = layer;
this.Content = maps;

Lines

Gets or sets the collection of line. Every single MapLine connects two location coordinates through a straight line.

Declaration

public ObservableCollection<MapLine> Lines { get; set; }

Property Value

Type	Description
System.Collections.ObjectModel.ObservableCollection<MapLine>	The line 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:MapLineLayer>
                       <map:MapLineLayer.Lines>
                          <map:MapLine>
                               <map:MapLine.From>
                                  <map:MapLatLng Latitude="26.841944"
                                                 Longitude="114.561183" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="37.316207"
                                                 Longitude="89.494558" />
                              </map:MapLine.To>
                          </map:MapLine>
                          <map:MapLine>
                              <map:MapLine.From>
                                  <map:MapLatLng Latitude="5.562764"
                                                 Longitude="101.470795" />
                              </map:MapLine.From>
                              <map:MapLine.To>
                                  <map:MapLatLng Latitude="-19.138292"
                                                 Longitude="44.822302" />
                              </map:MapLine.To>
                          </map:MapLine>
                     </map:MapLineLayer.Lines>
               </map:MapLineLayer>
              </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"));
MapLineLayer mapLineLayer = new MapLineLayer();
MapLine line = new MapLine();
line.From = new MapLatLng(26.841944, 114.561183);
line.To = new MapLatLng(37.316207, 89.494558);
MapLine mapLine = new MapLine();
mapLine.From = new MapLatLng(5.562764, 101.470795);
mapLine.To = new MapLatLng(-19.138292, 44.822302);
mapLineLayer.Lines.Add(line);
mapLineLayer.Lines.Add(mapLine);
layer.Sublayers.Add(mapLineLayer);
maps.Layer = layer;
this.Content = maps;

Methods

OnBindingContextChanged()

Invoked whenever the binding context of the View changes.

Declaration

protected override void OnBindingContextChanged()