MarkerTooltipTemplateDirective

A directive that sets a template within the <kendo-map-tooltip> component for the Map Marker layer tooltip.

The available inputs for the marker tooltip template are:

• title: string—The marker title.
• layerIndex: number—The index of the layer for the tooltip.
• location: Location—The marker location.

typescript

@Component({
  selector: 'my-app',
  template: `
    <kendo-map>
      <kendo-map-layer type="marker" [data]="markers">
        <kendo-map-marker-layer-tooltip>
          <ng-template kendoMapMarkerTooltipTemplate let-title="title" let-location="location">
            <div>{{ title }} at {{ location.lat }}, {{ location.lng }}</div>
          </ng-template>
        </kendo-map-marker-layer-tooltip>
      </kendo-map-layer>
    </kendo-map>
  `
})
export class AppComponent {
  public markers = [{ title: 'Office', location: [42.6977, 23.3219] }];
}

Selector

[kendoMapMarkerTooltipTemplate]