Package Exports
- angular8-yandex-maps
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (angular8-yandex-maps) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
Angular8-yandex-maps
The library implements the base Yandex.Maps functionality. By the way you can access to the ymaps instance so you can use full Yandex.Maps API.
Leave suggestions, problems, errors, difficulties in GitHub Issues. Star the repository and thanks for using the library!
Documentation
Examples
Installation
npm install angular8-yandex-mapsVersions now follow Angular's version to easily reflect compatibility. Meaning, for Angular 6, use
npm install angular8-yandex-maps @ ^6.0.0Usage
app.module.ts
Default map config options
import { AngularYandexMapsModule } from 'angular8-yandex-maps';
@NgModule({
imports: [AngularYandexMapsModule]
})
export class AppModule { }Own map config options
import { AngularYandexMapsModule, IConfig } from 'angular8-yandex-maps';
const mapConfig: IConfig = {
apikey: 'API_KEY',
lang: 'en_US',
};
@NgModule({
imports: [AngularYandexMapsModule.forRoot(mapConfig)]
})
export class AppModule { }Injection token
import { AngularYandexMapsModule, YA_MAP_CONFIG } from 'angular8-yandex-maps';
@NgModule({
imports: [AngularYandexMapsModule],
providers: [{
provide: YA_MAP_CONFIG,
useValue: {
apikey: 'API_KEY',
lang: 'en_US',
}
}],
})
export class AppModule { }component.html
<div class="container">
<ya-map [center]="[55.751952, 37.600739]" [zoom]="12">
<ya-placemark [geometry]="[55.751952, 37.600739]"></ya-placemark>
</ya-map>
</div>component.css
.container {
width: 1000px;
height: 500px;
}