Internationalization in Angular Maps component

import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
import { Maps, MapTooltip } from '@syncfusion/ej2-angular-maps';
import { usa_map } from 'usa.ts';
import { data } from 'data.ts';
Maps.Inject(MapTooltip);
@Component({
selector: 'app-container',
template:
`<ejs-maps id='rn-container'>
<e-layers>
<e-layer  [shapeData]= 'shapeData'  [shapePropertyPath]= 'shapePropertyPath' [shapeDataPath]= 'shapeDataPath' [dataSource] = 'dataSource' [shapeSettings] = 'shapeSettings' ></e-layer>
</e-layers>
</ejs-maps>`
})

export class AppComponent implements OnInit {
ngOnInit(): void {
    public dataSource: Object[] = data;
    public shapeData: Object = usa_map;
    public shapePropertyPath: String = 'name';
    public shapeDataPath: String= 'name';
    public shapeSettings: Object = {
            colorValuePath: 'population',
            colorMapping: [
            {
                        from: 580000 , to: 2800000, color: '#dae8f1', label: '<3M'
                    },
                    {
                        from: 2800000, to: 5280000, color: '#b0cde1', label: '3-6M'
                    },
                    {
                        from: 5280000, to:  8260000, color: '#90bad8', label: '6-9M'
                    },
                    {
                        from: 8260000, to: 11660000, color: '#6ea7d2', label: '9-12M'
                    },
                    {
                        from: 11660000, to: 19600000, color: '#4c96cb', label: '12-20M'
                    },
                    {
                        from: 19600000, to: 26500000, color: '#3182bd', label: '20-25M'
                    },
                    {
                        from: 26500000, to: 38400000, color: '#004374', label: '>25M'
                    }];
        };
    public tooltipSettings: Object ={
                visible: true,
                valuePath: 'population',
                format: 'State: ${name} <br> Population: ${population}'
            };
   }
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { MapsModule } from '@syncfusion/ej2-angular-maps';
import { LegendService, MarkerService, MapsTooltipService, DataLabelService, BubbleService, NavigationLineService, SelectionService, AnnotationsService, ZoomService } from '@syncfusion/ej2-angular-maps';
/**
 * Module
 */
@NgModule({
    imports: [
        BrowserModule, MapsModule
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent],
     providers: [LegendService, MarkerService, MapsTooltipService, DataLabelService, BubbleService, NavigationLineService , SelectionService, AnnotationsService, ZoomService]
   
})
export class AppModule { }

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppModule } from './app.module';

enableProdMode();
platformBrowserDynamic().bootstrapModule(AppModule);