fengmap.scrollGroupsControl 类

scrollGroupsControl 楼层控制控件,滚动型，自带单双层切换按钮。一个地图只包含1个楼层控件。

模块: FMControls

实例化

fengmap.scrollGroupsControl

fengmap.scrollGroupsControl
(
  • map
  • ctrlOpts
)

参数:

名称类型标记描述
map fengmap.FMMap

地图控件配置

ctrlOpts JSON

控件参数配置

名称类型标记描述
allLayer Boolean

初始显示多层还是单层，默认值false,单层显示。

showBtnCount Number

初始楼层按钮显示个数配置。默认显示5层,其他的隐藏，可滚动查看

needAllLayerBtn Boolean

是否显示多层/单层切换按钮。

position fengmap.controlPositon

控件位置。分为左上、左下、右上、右下。

offset JSON

控件位置偏移。{x:0,y:0},基于原始位置的x,y方向的偏移。

imgURL String

配置组件引用图片资源的路径地址。默认在页面的'resource/style/wedgets/img/'路径下

示例:

//楼层控制控件配置参数
var ctlOpt = new fengmap.controlOptions({
    position: fengmap.controlPositon.RIGHT_TOP, //默认在左下角
    offset: {
        x: 0,
        y: 0
    }, //位置偏移设置，默认(0,0)
    allLayer: false, //初始是否是多层显示，默认单层显示
    showBtnCount: 5, //初始楼层按钮显示个数配置。默认显示5层,其他的隐藏，可滚动查看。
});

//创建楼层(滚动型)，创建时请在地图加载后(loadComplete回调)创建。
//自带单/双层楼层控制按钮
groupControl = new fengmap.scrollGroupsControl(map, ctlOpt);

changeFocusGroup

changeFocusGroup
(
  • 目标层groupID
)

切换楼层方法

参数:

名称类型标记描述
目标层groupID Int

changeGroupsSelect

changeGroupsSelect
(
  • ture表示多层，false表示单层
)

切换单、多层方法

参数:

名称类型标记描述
ture表示多层，false表示单层 Boolean

onChange

onChange
(
  • function(groups,allLayer){}
)

楼层按钮切换回调

参数:

名称类型标记描述
function(groups,allLayer){} Function

当楼层切换时候回调,返回参数包括groups,allLayer。

示例:

//地图加载完回调事件
map.on('loadComplete', function() {
    //创建楼层(按钮型)，创建时请在地图加载后(loadComplete回调)创建。
    //不带单/双层楼层控制按钮,初始时只有1个按钮,点击后可弹出其他楼层按钮
    groupControl = new fengmap.buttonGroupsControl(map, ctlOpt);

    //保持多层和楼层切换一致
    groupControl.onChange(function(groups,allLayer){
        //groups 表示当前要切换的楼层ID数组,
        //allLayer表示当前楼层是单层状态还是多层状态。
        //...
    });
});

allLayer

Unknown 只读

当前楼层的状态,默认是单楼层的。

Top