使用传单插件等的角度传单js

【问题标题】：angular leaflet js using the leaflet plugins and more使用传单插件等的角度传单js
【发布时间】：2016-05-09 01:35:27
【问题描述】：

我正在使用传单和 angularJS，因此使用传单的角度指令。我现在想使用自定义标记。例如这些船标记：https://github.com/thomasbrueggemann/leaflet.boatmarker。或者例如对于“传单滑块”(https://github.com/dwilhelm89/LeafletSlider)，我需要使用 addControl 或 L.geoJson()。

我现在的问题是，当我使用 angular 指令时，我没有这个“L”符号，并且在我的控制器中没有真正的“地图”对象。我真的不知道如何使用任何传单插件，因为该指令似乎非常有限。任何人都知道在角度指令中使用传单内容生活'addTo（map）'的好方法吗？

【问题讨论】：

标签： angularjs leaflet angular-leaflet-directive

【解决方案1】：

加载 Leaflet javascript 资产后，您始终可以访问 L 对象，因为它已附加到全局范围。只需在您的控制器中尝试console.log(L);，您就会看到。如果你想访问由指令创建的L.Map 实例，你可以将leafletData 注入到你的控制器中。它包含一个getMap 方法，该方法返回一个promise，当resolved 时返回地图实例：

angular.module('myApp').controller('myController', [
             'leafletData',
    function (leafletData) {
        leafletData.getMap().then(function(map) {
            new L.Marker([0,0]).addTo(map);
        });
    }
]);

【讨论】：