Leaflet.js | 官方控件Control

1、比例控件

一个简单的比例控件，以公制 （m/km） 和英制 （mi/ft） 系统显示当前屏幕中心的比例，可扩展。

使用示例

L.control.scale().addTo(map);

创造

选项

2、属性控件

归因控件允许您在地图上的小文本框中显示归因数据。默认情况下，除非您将其属性控制选项设置为 ，否则它会放在地图上，并且它会使用 getAttribution 方法自动从图层中获取属性文本。扩展控制。false

创造

选项

方法

三、缩放控件

具有两个按钮（放大和缩小）的基本缩放控件。默认情况下，它会放在地图上，除非您将其 zoomControl 选项设置为 。扩展控制。false

创造

选项

4、图层控件

图层控件使用户能够在不同的基础图层之间切换并打开/关闭叠加层（查看详细示例），可扩展。

使用示例

var baseLayers = {
    "Mapbox": mapbox,
    "OpenStreetMap": osm
};

var overlays = {
    "Marker": marker,
    "Roads": roadsLayer
};

L.control.layers(baseLayers, overlays).addTo(map);

图层名称作为键，图层对象作为值

{
    "<someName1>": layer1,
    "<someName2>": layer2
}

图层名称可以包含 HTML，这允许您向项目添加其他样式：

{"<img src='my-layer-icon' /> <span class='my-layer-item'>My Layer</span>": myLayer}

创造

选项

方法