angular2 百度地图组件

基于angular2的百度地图组件,该组件主要实现百度地图的异步加载,有关配置部分,大家还是跟着百度地图官方api文档来操作。

JavaScript 地图

详细介绍

mit-baidu-map

基于angular2的百度地图组件,该组件主要实现百度地图的异步加载,有关配置部分,大家还是跟着百度地图官方api文档来操作。

最近在构建大型SPA应用,mit只是一个代号而已


为什么要做异步加载?

由于项目中经常用到一些第三方库,但如果直接打包进项目里面去的话,无疑是增加打包后的js体积。 所以出于对性能的追求,我在项目中用到的大型第三方库都使用了懒加载。


使用方式

先申请百度地图开发者账号,并获取ak值

1. import
 import MitBaiduMapModule form './MitBaiduMapModule';
 @NgModule({
  declarations: [],
  imports: [
    MitBaiduMapModule
  ]
})
export class BusinessModule { };
2.use in components
 <app-mit-baidu-map [ak]="'你的ak值:string'" [config]=“这里就是你要在地图上渲染的配置啦,具体看官方api文档:objcet” [geolocation]=“是否开启所在城市定位:boolean”></app-mit-baidu-map>
3.特别注意

别忘了为该组件加入固定的高度,不然百度地图显示不出来!!


测试环境

angular-cli: 1.0.0-beta.21 node: 7.2.1 os: darwin x64