angular使用百度地图多坐标点自定义图标的事件

首先需要在index里面引入你的百度ak。

<script src="http://api./getscript?v=2.0&ak=你的ak>

接着我们的html大概就是下面这样了，自己可以随便该样式的。

<div>

<div></div>

</div>

其次开始开发我们控制器里面的内容了。

下面我们先创建地图以及中心点

$scope.address = null;

/**

* 初始化经度

*/

$scope.longitude = 115.655716;

/**

* 初始化纬度

*/

$scope.latitude = 38.614252;

/**

* 初始化百度地图

*/

$scope.map = new BMap.Map("returnmap"); // 创建地图实例

$scope.map.centerAndZoom(new BMap.Point($scope.longitude, $scope.latitude), 8); // 初始化地图，设置中心点坐标和地图级别

$scope.map.addControl(new BMap.NavigationControl());

$scope.map.addControl(new BMap.ScaleControl());