2016-06-17 3 views
0

Я пытаюсь реализовать эту очень простую директиву для листовок для угловых. (Полный код: https://github.com/pluess/woodstore).Простая угловая директива лифтов не срабатывает при запуске

class MapDirective { 

    constructor() { 
     this.resctrict = 'E'; 
     this.controller = MapController; 
    } 

    link(scope, element) { 
     let map = L.map(element[0]).setView([30.70, -81.47], 12); 

     esri.tiledMapLayer({ 
      url: "https://services.arcgisonline.com/ArcGIS/rest/services/USA_Topo_Maps/MapServer" 
     }).addTo(map); 
    } 

    /** 
    * @returns {MapDirective} 
    */ 
    static directiveFactory() { 
     return new MapDirective(); 
    } 
} 

При открытии приложения в браузере, я получаю сообщение об ошибке:

angular.js:13708TypeError: Cannot read property 'getPane' of undefined 
    at NewClass.getPane (http://localhost:8080/bundle.js:60907:20) 
    at NewClass._initContainer (http://localhost:8080/bundle.js:61482:9) 
    at NewClass.onAdd (http://localhost:8080/bundle.js:61282:9) 
    at NewClass.onAdd (http://localhost:8080/bundle.js:55550:35) 
    at NewClass._layerAdd (http://localhost:8080/bundle.js:46600:10) 
    at NewClass.addLayer (http://localhost:8080/bundle.js:46058:10) 
    at NewClass.addTo (http://localhost:8080/bundle.js:60885:8) 
    at MapDirective.link (http://localhost:8080/bundle.js:44340:17) 
    at http://localhost:8080/bundle.js:14058:19 
    at invokeLinkFn (http://localhost:8080/bundle.js:22632:10) <map class="leaflet-container leaflet-fade-anim" tabindex="0" style="position: relative;"> 

Любые идеи, что происходит здесь не так?

+0

Где определяется getPane? Где его зовут? Я не вижу его в ссылке, которую вы предоставили. Вам нужно предоставить немного больше кода для нас, чтобы понять это. –

+0

'getPane' в листе-листе: https://github.com/Leaflet/Leaflet/blob/master/src/layer/Layer.js#L66 – BetaRide

+0

Вы выполнили следующие команды? 'npm install -g jake' и' npm install' –

ответ

0

Оказалось, что по умолчанию npm install esri-leaflet устанавливает версию 2.0.0. Это работает только с листом 1.x, который все еще находится в бета-версии. Таким образом, решение изменить

"esri-leaflet": "^2.0.0" 

в

"esri-leaflet": "^1.0.2" 
Смежные вопросы