为什么我得到这个错误有角和小叶

Question

我在分开的文件中设置不同的组件，但是当我聚合搜索输入，我在本地得到这个错误：

angular.js:13424 Error: Map container not found. 

和plunker：

angular.js:13424Error: Map container is already initialized. 

奇怪的是，地图效果很好。怎么了？

Code

Answer 1

Working Demo

你已经初始化两次的地图，一个在BaseMapController，另一个在inputController。

在BaseMapController，取代

_map = BaseMapService.mapElement(); 

与

$scope.map = BaseMapService.mapElement(); 
_map=$scope.map; 

在inputController，取代

BaseMapService.AutoComplete(_searchInputId).bindTo('bounds', BaseMapService.mapElement()); 

与

BaseMapService.AutoComplete(_searchInputId).bindTo('bounds', $scope.map); 

。希望解决您的问题。

更新：

在您的演示，自动完成工作正常，但它没有正确绑定映射。例如，如果你搜索任何地方，你不会在地图上找到这个地方。我刚刚解决了你提到的错误。

对于自动完成，你已经使用谷歌API和basemap，你已经使用Leaflet。

我的建议是：与其将它们混合这两种方法，要么使用Leaflet.GoogleAutocomplete或Google Maps JavaScript API