ShapeTooltipComponent

Represents the Kendo UI ShapeTooltip component for Angular.

Configures the Shape Layer Tooltip.

typescript

@Component({
  selector: 'my-app',
  template: `
    <kendo-map>
      <kendo-map-layer type="shape" [data]="shapeData">
        <kendo-map-shape-layer-tooltip>
          <ng-template kendoMapShapeTooltipTemplate let-dataItem="dataItem">
            <div>{{ dataItem.properties.name }}</div>
          </ng-template>
        </kendo-map-shape-layer-tooltip>
      </kendo-map-layer>
    </kendo-map>
  `
})
export class AppComponent {
  public shapeData = [ ... ]; // GeoJSON data for shapes
}

Selector

kendo-map-shape-layer-tooltip

Methods

notifyChanges
Updates the component fields with the specified values and refreshes the component. 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.