controlOptions 地图控件的配置项

方法

属性

事件

模块: FMControls

实例化

fengmap.controlOptions

fengmap.controlOptions
(
  • options
)

参数:

名称类型标记描述
options Object

地图控件配置

名称类型标记描述
position Object

加载地图html容器

offset Object

加载地图html容器

imgURL Object

配置组件引用图片资源的路径地址。默认在页面的'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);

//创建楼层(按钮型),创建时请在地图加载后(loadComplete回调)创建。
//不带单/双层楼层控制按钮,初始时只有1个按钮,点击后可弹出其他楼层按钮
groupControl = new fengmap.buttonGroupsControl(map, ctlOpt);
//工具组控件控件配置参数
var ctlOpt = new fengmap.controlOptions({
    position: fengmap.controlPositon.RIGHT_TOP,//默认在右上角
    offset:{x:0,y:0},    //位置偏移设置,默认(0,0)
    init2D:false,   //二三维切换按钮初始是否2维状态。默认false.
    initGroups: false, //单楼层和多楼层切换控件初始显示是否是多楼层。默认false.
    expanded:false //初始是否展开所有工具按钮。默认false
});

//创建工具组控件,创建时请在地图加载后(loadComplete回调)创建。
var toolControl = new fengmap.toolControl(map,ctlOpt);
//放大、缩小控件配置
var ctlOpt1 = new fengmap.controlOptions({
    position: fengmap.controlPositon.LEFT_TOP, //设置控件位置。默认在右下角
    //位置x,y的偏移量
    offset: {
        x: 20,
        y: 100
    }
});

//创建放大、缩小控件,创建时请在地图加载后(loadComplete回调)创建。
var zoomControl = new fengmap.zoomControl(map, ctlOpt1);
Top