JSPM

  • Created
  • Published
  • Downloads 766
  • Score
    100M100P100Q118826F
  • License MIT

Angular module for Yandex Maps

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

Example

Installation

npm install angular8-yandex-maps

Usage

module.ts

import { AngularYandexMapsModule } from 'angular8-yandex-maps';

@NgModule({
  imports: [AngularYandexMapsModule.forRoot(API_KEY or null)]
})

component.html

<div class="map">
  <angular-yandex-map [center]="[60.169931, 24.938513]" [zoom]="12" [mapOptions]="mapOptions">
    <angular-yandex-placemark [geometry]="[60.169931, 24.938513]"></angular-yandex-placemark>
    <angular-yandex-placemark [geometry]="[60.170817, 24.945757]"></angular-yandex-placemark>
  </angular-yandex-map>
</div>

component.css

.map {
  width: 1000px;
  height: 500px;
}

component.ts

import { YandexMapModule } from 'angular8-yandex-maps';

public mapOptions: YandexMapModule.IYandexMapOptions = {
  maxZoom:  12
};

Version 0.2.2

  • Placemark is added

  • Inputs for yandex-map is changed

  • Docs is updated

Map

Available inputs:

<angular-yandex-map [center]="[60.169931, 24.938513]" [zoom]="12" [mapOptions]="mapOptions" [mapState]="{margin: 20}"></angular-yandex-map>

Placemark

Available inputs:

  • geometry: Array
<angular-yandex-placemark [geometry]="[60.170817, 24.945757]"></angular-yandex-placemark>

License

MIT