ShapeLayerComponent

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

typescript

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

Selector

kendo-map-shape-layer

Inputs

Name	Type	Default	Description
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. ts item.notifyChanges({ visible: true });
Parameters changes any An object containing the updated input fields.