Angularjs 如何在同一页上有两个不同的地图

我对棱角和传单都是新手。试图在同一页上获取两个映射，但添加第二个映射时，出现错误：error:[ng:areq]参数“bFC”不是函数，未定义。我已经搜索了一个解决方案，但找到了最短的seam，无法使用两组不同的geoJSON文件来处理。非常感谢您的帮助，thanx

这是我的密码：

**index.html**
<div class="container">
<!-- BaseMap -->
<div ng-controller="bFC">
    <h1>First Step Basic Map</h1>
    <leaflet width="100%" height="480px"></leaflet> 
</div> 

<!-- CenterMap -->
<div ng-controller="centerMap">
    <h1>Center Map</h1>
    <leaflet lf-center="dc"width="100%" height="480px"></leaflet>
    <ul>
        <li><input type="number" step="any" ng-model="dc.lat" />Latitude</li>
        <li><input type="number" step="any" ng-model="dc.lng" />Longitude</li>
        <li><input type="number" step="any" ng-model="dc.zoom" />Zoom</li>
    </ul>
</div>  


</div>

**baseMap.ctr.js**

(function() {

"use strict";

angular
    .module("demomap", ['leaflet-directive'])
    .controller("bFC", bFC);

function bFC($scope) {

}   

})();


**centerMap.ctr.js**

(function() {

"use strict";

angular
    .module("demomap", ['leaflet-directive'])
    .controller("centerMap", centerMap);

function centerMap($scope) {
    angular.extend($scope, {
        dc : {
            lat: 38.91,
            lng: -77.03,
            zoom: 4
        }
    });

}   

})();

**index.html**
第一步基本地图
中心地图

纬度
经度
变焦

**baseMap.ctr.js**
（功能（）{
“严格使用”；
有棱角的
.模块（“demomap”[“传单指令]）
.控制员（“bFC”，bFC）；
功能bFC（$范围）{
}   
})();
**centerMap.ctr.js**
（功能（）{
“严格使用”；
有棱角的
.模块（“demomap”[“传单指令]）
.控制器（“中心地图”，中心地图）；
功能中心图（$scope）{
角度。扩大范围{
dc:{
拉脱维亚：38.91，
液化天然气：-77.03，
缩放：4
}
});
}   
})();

如果执行以下操作，您将创建一个新模块：

angular.module('myModule', [...]);

如果要获取exist模块，应删除第二个参数，如下所示：

angular.module('myModule');

centerMap.ctr.js中的模块“demomap”是重复的。它将创建一个新模块并替换baseMap.ctr.js中的模块。只需删除centerMap.ctr.js中模块函数的第二个参数