2016-04-17 83 views
0

我對角和小冊子都很陌生。試圖在同一頁上獲得2個地圖,但是當我添加第二個地圖時,出現錯誤:錯誤:[ng:areq]參數'bFC'不是函數,未定義。我已經搜索了一個解決方案,但出現了很短 - 大部分縫處理使用兩套不同的geoJSON文件。任何幫助非常感謝,thanx!如何在同一頁面上顯示2張不同的地圖

這裏是我的代碼:

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

如果你想獲得一個存在的模塊,你應該刪除第二個參數是這樣的:

**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 
     } 
    }); 

} 

})(); 

回答

0

如果你這樣做你創建一個新的模塊:

angular.module('myModule'); 

centerMap.ctr.js中的模塊「demomap」被複制。它將創建一個新模塊並替換baseMap.ctr.js中的模塊。只需在centerMap.ctr.js中刪除模塊函數的第二個參數即可。

相關問題