angular2-baidu-map
Baidu-Map module for Angular8
Read full documentation here: documentation
Read code example here: example
Be aware that it is a totally rewrite version, therefore, backward compatibility is not considered
- If you are using the previous version
3.x
, read it here - If you are using the previous version
4.x
, read it here
Getting started
npm install angular2-baidu-map
Usage
app.module.ts
import { BrowserModule } from '@angular/platform-browser'
import { NgModule } from '@angular/core'
import { AppComponent } from './app.component'
import { BaiduMapModule } from 'angular2-baidu-map'
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, BaiduMapModule.forRoot({ ak: 'your ak' })],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
app.component.ts
import { Component } from '@angular/core'
import { MapOptions } from 'angular2-baidu-map'
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: []
})
export class AppComponent {
options: MapOptions
constructor() {
this.options = {
centerAndZoom: {
lat: 39.920116,
lng: 116.403703,
zoom: 16
},
enableKeyboard: true
}
}
}
app.component.html
<baidu-map [options]="options" style="display: block; width: 550px; height: 350px;"></baidu-map>
For more information, see documentation