angular8-yandex-maps

Yandex.Maps Angular components that implement the Yandex.Maps JavaScript API 2.0

📄 Documentation |
🗺️ Examples |
❓ FAQ

Installation

``bash
npm install angular8-yandex-maps
`

#### Version compatibility

| Angular version | Library version |
| ---------------------- | --------------- |
| v20, v21 | v21.x |
| v16, v17, v18, v19 | v19.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.

Usage

#### component.html

`html

`

#### component.css

`css
.container {
width: 1000px;
height: 500px;
}
`

#### tsconfig.json

`json
{
"compilerOptions": {
"types": ["angular8-yandex-maps"]
}
}
`

types ensure you can access ymaps globally without importing it.

$3

#### component.ts

`ts
import { Component } from '@angular/core';
import { YaMapComponent } from 'angular8-yandex-maps';

@Component({
imports: [YaMapComponent],
})
export class AppComponent {}
`

#### app.config.ts

`ts
import { ApplicationConfig } from '@angular/core';
import { provideYaConfig, YaConfig } from 'angular8-yandex-maps';

const config: YaConfig = {
apikey: 'API_KEY',
};

export const appConfig: ApplicationConfig = {
providers: [provideYaConfig(config)],
};
`

$3

#### app.module.ts

`ts
import { NgModule } from '@angular/core';
import { YaConfig, YaMapComponent, provideYaConfig } from 'angular8-yandex-maps';

const config: YaConfig = {
apikey: 'API_KEY',
};

@NgModule({
imports: [YaMapComponent],
providers: [provideYaConfig(config)],
})
export class AppModule {}
``