controlOptions 地图控件的配置项

方法

属性

事件

模块: FMControls

实例化

fengmap.controlOptions

fengmap.controlOptions
(
  • options
)

参数:

名称类型标记描述
options Object

地图控件配置

名称类型标记描述
position fengmap.controlPositon

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

offset fengmap.controlOffset

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

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);
//pop信息框控件配置参数
var ctlOpt1 = new fengmap.controlOptions({
    mapCoord:{
        x:event.target.x,   //设置弹框的x轴
        y:event.target.y,    //设置弹框的y轴
        groupID:1   //设置弹框位于的楼层
    },
    width:200,  //设置弹框的宽度
    height:100,   //设置弹框的高度
    marginTop:10, //距离地图的高度
    content:'<a target="_bank" href="http://www.fengmap.com">这是一个信息框</a>'   //设置弹框的内容
});

var popMarker = new fengmap.FMPopInfoWindow(map,opts); //添加弹框到地图上
//popmarker.close();   //关闭信息框
Top