New to Kendo UI for Angular? Start a free 30-day trial

ShapeLayerComponent

Component

Represents the Kendo UI ShapeLayer component for Angular. Defines a vector shape layer bound to GeoJSON data.

Definition

Package:@progress/kendo-angular-map

Selector:kendo-map-shape-layer

Syntax:

@Component({
  selector: 'my-app',
  template: `
    <kendo-map>
      <kendo-map-shape-layer 
        [data]="geoJsonData"
        [style]="shapeStyle">
      </kendo-map-shape-layer>
    </kendo-map>
  `
})
export class AppComponent {
  public geoJsonData = { type: "FeatureCollection", features: [] };
  public shapeStyle = { fill: { color: "#007acc" }, stroke: { color: "#ffffff" } };
}

Inputs

data?

any

Sets the array of data items for this layer.

style?

ShapeOptions

Sets the default style for shapes.

Methods

notifyChanges

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

Parameters:changesany

An object containing the updated input fields.