fengmap.controlOptions 类
controlOptions 地图控件的配置项
方法
属性
事件
模块: FMControls
实例化
fengmap.controlOptions
fengmap.controlOptions
(
-
options
)
参数:
名称 | 类型 | 标记 | 描述 | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
options
| Object | 地图控件配置
|
示例:
//楼层控制控件配置参数
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(); //关闭信息框