Javascript - Angularjs - 传单。翻译
Javascript - Angularjs - leaflet. Translation
我到处看 internet/docs 关于传单的地方,我总是看到这种类型的声明,例如:
var map = L.mapbox.map('map', { zoomControl:false });
这是什么意思?
我如何将它集成到 Angularjs 中?
P.S。 : html-传单标签
<div id="map">
<leaflet class="leafletmap" markers="markers" lf-center="center"
height="300px" width="785px"></leaflet>
</div>
L.mapbox
来自 Mapbox 的自定义 Leaflet 实现,名为 Mapbox.js。 angular-leaflet-directive 使用标准的 Leaflet 库,并且指令选项、标记等以不同的方式定义。
要使 angular-leaflet-directive 起作用,您不需要额外的地图 <div>
,您只需将其放在某处即可:
<leaflet id="map" class="leafletmap" defaults="myDefaults" markers="markers" lf-center="center" height="300px" width="785px"></leaflet>
要将 zoomControl
添加到地图,请将 defaults="myDefaults"
添加到指令,然后在控制器中指定 Leaflet 默认选项:
angular.extend($scope, {
defaults: {
scrollWheelZoom: false
}
}
你可以在这里看到一个例子:https://plnkr.co/edit/rZbuHmAwA7q7WtBAZg4W
您可以在 angular-leaflet-directive documentation 中找到更多示例。
我到处看 internet/docs 关于传单的地方,我总是看到这种类型的声明,例如:
var map = L.mapbox.map('map', { zoomControl:false });
这是什么意思?
我如何将它集成到 Angularjs 中?
P.S。 : html-传单标签
<div id="map">
<leaflet class="leafletmap" markers="markers" lf-center="center"
height="300px" width="785px"></leaflet>
</div>
L.mapbox
来自 Mapbox 的自定义 Leaflet 实现,名为 Mapbox.js。 angular-leaflet-directive 使用标准的 Leaflet 库,并且指令选项、标记等以不同的方式定义。
要使 angular-leaflet-directive 起作用,您不需要额外的地图 <div>
,您只需将其放在某处即可:
<leaflet id="map" class="leafletmap" defaults="myDefaults" markers="markers" lf-center="center" height="300px" width="785px"></leaflet>
要将 zoomControl
添加到地图,请将 defaults="myDefaults"
添加到指令,然后在控制器中指定 Leaflet 默认选项:
angular.extend($scope, {
defaults: {
scrollWheelZoom: false
}
}
你可以在这里看到一个例子:https://plnkr.co/edit/rZbuHmAwA7q7WtBAZg4W
您可以在 angular-leaflet-directive documentation 中找到更多示例。