JSPM

  • Created
  • Published
  • Downloads 811
  • Score
    100M100P100Q118749F
  • License MIT

Yandex.Maps Angular components that implements the Yandex.Maps JavaScript API

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

Yandex.Maps Angular components that implements the Yandex.Maps JavaScript API

NPM version NPM downloads GitHub CI Codecov

📄 Documentation | 🗺️ Examples | ❓ FAQ

Installation

npm install angular8-yandex-maps

Version compatibility

Angular version Library version
v9, v10, v11, v12 v12.x
v8 v8.x
v7 v7.x
v6 v6.x
npm install angular8-yandex-maps@^8.0.0

Usage

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, YaConfig } from 'angular8-yandex-maps';

const mapConfig: YaConfig = {
  apikey: 'API_KEY',
  lang: 'en_US',
};

@NgModule({
  imports: [AngularYandexMapsModule.forRoot(mapConfig)],
})
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;
}

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

⭐ Show your support

Give a star if this project helped you!

📝 License

Copyright © 2021 Daniil Dubrava.
This project is MIT licensed.