Почему я получаю эту ошибку с угловым и листовки

Question

Почему я получаю эту ошибку с угловым и листовки

0

Я установил в отдельных файлах разные компоненты, но когда я агрегирую вход для поиска, я получаю эту ошибку в локальном:

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

и в плункер:

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

Странно, что карта работает хорошо. Что не так?

Код

pokaxperia 19 апр. 2016, в 07:03

Источник

Теги:

angularjs

leaflet

leaflet.draw

1 ответ

Ещё вопросы

Khalid Hussain · Answer 1 · 2016-04-19T03-16-00.000Z

Рабочая демонстрация

Вы дважды инициализировали карту, одну в 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 google и basemap, вы использовали Leaflet.

Мое предложение: вместо того, чтобы смешивать эти оба подхода, используйте либо Leaflet.GoogleAutocomplete, либо API JavaScript Google Maps

Но service.js может сделать это? service.js делят переменную карты с BaseMapController и Input.Controller. Мне нужно сделать это, но в service.js?