angular2-yandex-maps
v1.0.42
Published
yandex-maps-directive
Downloads
91
Readme
Yandex Maps API as an Angular2 components
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
index.html
<html>
<head>
<script >
let exports = {};
</script>
</head>
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;
}