百度地图 for Angular

这个模块包含了使用百度地图的 directive。

这个模块自动管理百度地图 API 的加载,无需引入百度地图的 loader。

支持双向绑定。

地图演示

提示

这是北京天安门,去看毛爷爷

lat
lng

安装方法

使用 bower 安装

bower install ng-baidu-map --save

在自己的模块中加入依赖

angular.module('app', ['ngBaiduMap']);

使用方法

angular.moduleconfig 中配置 accessKey 和 version

version 默认是 2.0

例子:

angular.module('app', ['ngBaiduMap']).config(config);

function config(baiduMapApiProvider) {
  baiduMapApiProvider.version('2.0').accessKey('您的 ak');
}

使用 <baidu-map></baidu-map> 加入地图

参数:

例子:

<div ng-init="point = { lng: 116.404, lat: 39.915 }">
  <baidu-map center="point"></baidu-map>
</div>