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" } };
}