Yandex.Maps Angular components that implement the Yandex.Maps JavaScript API
npm install angular8-yandex-maps| Angular version | Library version |
|---|---|
| v16, v17, v18 | v18.x |
| v15 | v15.x |
| v14 | v14.x |
| v9, v10, v11, v12, v13 | v13.x |
| v8 | v8.x |
| v7 | v7.x |
| v6 | v6.x |
Documentation for older versions can be found using the branches.
<div class="container">
<ya-map [center]="[55.751952, 37.600739]" [zoom]="12">
<ya-placemark [geometry]="[55.751952, 37.600739]"></ya-placemark>
</ya-map>
</div>.container {
width: 1000px;
height: 500px;
}import { AngularYandexMapsModule } from 'angular8-yandex-maps';
@NgModule({
imports: [AngularYandexMapsModule],
})
export class AppModule {}import { AngularYandexMapsModule, YaConfig } from 'angular8-yandex-maps';
const mapConfig: YaConfig = {
apikey: 'API_KEY',
lang: 'en_US',
};
@NgModule({
imports: [AngularYandexMapsModule.forRoot(mapConfig)],
})
export class AppModule {}import { AngularYandexMapsModule } from 'angular8-yandex-maps';
@Component({
selector: 'app-component',
standalone: true,
imports: [AngularYandexMapsModule],
})
export class Component {}import { ApplicationConfig, importProvidersFrom } from '@angular/core';
import { YaConfig, AngularYandexMapsModule } from 'angular8-yandex-maps';
const mapConfig: YaConfig = {
apikey: 'API_KEY',
lang: 'en_US',
};
export const appConfig: ApplicationConfig = {
providers: [importProvidersFrom(AngularYandexMapsModule.forRoot(mapConfig))],
};