Control.Layers
概述
允许用户在不同图层间切换或者打开关闭
用法示例
var baseLayers = {
"Mapbox": mapbox,
"OpenStreetMap": osm
};
var overlays= {
"Marker": marker,
"Roads": roadsLayer
};
FMap.control.layers(baseLayers, overlays).addTo(map);
创建(Creation)
创建 |
描述 |
FMap.control.layers( <Layer Config> baseLayers?, <Layer Config> overlays?, <Control.Layers options> options? ) |
通过给定的图层创建attribution 控件,基础层将单选按钮切换,叠加层使用复选按钮,需要注意所有基础层都应该在基础layers对象中传递,但是只有一个实例可以添加到地图中 |
方法(Methods)
方法 |
参数 |
返回值 |
描述 |
addBaseLayer() |
<ILayer> layer,<String> name |
this |
用给定的name添加一个基础图层到控件(单选按钮) |
addOverlay() |
<ILayer> layer,<String> name |
this |
用给定的name添加一个overlay到控件(复选按钮) |
removeLayer() |
<ILayer> layer |
this |
从控件移除指定图层 |
选项(Options)
选项 |
类型 |
默认值 |
描述 |
position |
String |
'topright' |
控件的位置,详见control |
collapsed |
Boolean |
TRUE |
如果为true,该控件将会被折叠成一个图标,扩展鼠标悬停或触摸 |
autoZIndex |
Boolean |
TRUE |
如果为true,当前选择的控件将会展示在最前 |
图层配置(Layer Config)
var obj={
<someName1>:layer1,
<someName2>:layer2
}
//图层名称可以包含HTML,可以添加额外的样式:
var obj2={"<img src='my-layer-icon' /> <span class='my-layer-item'>My Layer</span>": myLayer}
事件(Events)使用地图核心类中Event提供的方法与属性
事件 |
类型(Data) |
描述 |
baselayerchange |
LayersControlEvent |
当通过控件改变基础图层的时候触发 |
overlayadd |
LayersControlEvent |
当通过控件选择一个overlay时触发 |
overlayremove |
LayersControlEvent |
当通过控件取消选择一个overlay时触发 |