Javascript - Angularjs - 传单。翻译

Question

我在互联网/文档上查看有关传单的任何地方，我总是看到这种类型的声明，例如:

var map = L.mapbox.map('map', { zoomControl:false });

这是什么意思？

如何将它集成到 Angularjs 中？

附注: html-leaflet 标签

<div id="map">
<leaflet class="leafletmap" markers="markers" lf-center="center"
height="300px" width="785px"></leaflet>
</div>

Answer 1

L.mapbox来自 Mapbox 的自定义 Leaflet 实现，名为 Mapbox.js 。然而，Angular-leaflet-directive 使用标准的 Leaflet 库，并且指令选项、标记等以不同的方式定义。

要使 Angular-leaflet-directive 正常工作，您不需要额外的 map <div> ，你只需将其放在某处:

<leaflet id="map" class="leafletmap" defaults="myDefaults" markers="markers" lf-center="center" height="300px" width="785px"></leaflet>

添加zoomControl在 map 中添加 defaults="myDefaults"到指令，然后在 Controller 中指定 Leaflet 默认选项:

angular.extend($scope, {
    defaults: {
      scrollWheelZoom: false
    }
}

您可以在此处查看示例:https://plnkr.co/edit/rZbuHmAwA7q7WtBAZg4W

您可以在 angular-leaflet-directive documentation 中找到更多示例.