angular2-baidu-map

Angular2 component for Baidu map

Install via npm

npm install angular2-baidu-map

Usage

import {Component, OnInit} from 'angular2/core';
import {BaiduMap} from 'angular2-baidu-map';

@Component({
    selector: 'map-presentation',
    template: `
        <h1>Test Baidu-Map<h1>
        <baidu-map mapKey="put your ak here" [options]="opts"></baidu-map>
    `,
    styles: [`
        baidu-map{
            width: 500px;
            height: 400px;
            display: block;
        }
    `],
    directives: [BaiduMap]
})
export class MainApp implements OnInit {

    opts: any;

    ngOnInit() {
        this.opts = {
            center: {
                longitude: 121.506191,
                latitude: 31.245554
            },
            zoom: 17,
            markers: [{
                longitude: 121.506191,
                latitude: 31.245554,
                title: 'Where',
                content: 'Put description here'
            }]
        };
    }

}

For more information, see documentation

LICENSE

MIT License