https://plnkr.co/edit/djaxM0nKECMynWLJwmjO?p=preview
https://plnkr.co/edit/mq8VzzINPYXOInPOS2mQ?p=preview
https://plnkr.co/edit/2m3qE90MxPghI9DKjML6?p=preview
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
npm install angular2-yandex-maps
(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);
<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;
}