angular2-yandex-maps

Angular 2 components Yandex Maps.

Yandex Maps API as an Angular2 components

Yandex Maps API as an Angular2 components

Wiki

Known Vulnerabilities npm version Downloads

Live Demo Plnkr

Добавление маркеров admin panel

https://plnkr.co/edit/djaxM0nKECMynWLJwmjO?p=preview

Работа с большим числом объектов через ObjectManager

https://plnkr.co/edit/mq8VzzINPYXOInPOS2mQ?p=preview

Простая метка с balloon

https://plnkr.co/edit/2m3qE90MxPghI9DKjML6?p=preview

ngFor метки draggable

https://plnkr.co/edit/8njMNbV9vjYTSfyP3fxI?p=preview

Изменение позиций карты

https://plnkr.co/edit/9K1fAZbpgDDoZYUfIdVo?p=preview

Кластеры

https://plnkr.co/edit/rpJpm8FnWWsuJoScAFAN?p=preview

Изменение иконок

https://plnkr.co/edit/dm8EJt8Waa61yKsZRRrM?p=preview

Install

npm install angular2-yandex-maps

Systemjs.config.js


(function (global) {
  System.config({
    paths: {
      // paths serve as alias
      'npm:': 'node_modules/'
    },
    // map tells the System loader where to look for things
    map: {
      ....
      'angular2-yandex-maps': 'npm:angular2-yandex-maps'
    },
    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
      app: {
      ...........
       'angular2-yandex-maps': 
       {
         main: './index.js',
         defaultExtension: 'js'
       }
    }
  });
})(this);

API

Тег ya-map & ya-marker:

 <ya-map [latitude]="55.76" [longitude]="37.64">
          <ya-marker [latitude]="55.847" [longitude]="38.6">
          </ya-marker>
           <ya-marker [latitude]="55.847" [longitude]="35.6">
          </ya-marker>
 </ya-map>

Style.css

.map-container-inner
{
   width: 300px;
   height: 200px;
}

Related Repositories

angular2-yandex-maps

angular2-yandex-maps

Angular 2 components Yandex Maps. ...