SuperMap.Control.PanZoomBar

平移缩放类。 用于平移缩放地图,默认情况下垂直显示在地图左上角。

Inherits from

Summary
SuperMap.Control.PanZoomBar 平移缩放类。 用于平移缩放地图,默认情况下垂直显示在地图左上角。
Properties
forceFixedZoomLevel {Boolean} 是否固定缩放级别为[0,16]之间的整数,默认为false。
levelsDesc {Object} 当用户需要添加等级标签时,设置相应的等级和标签样式图片,设置等级不能超过最大的等级数。 该属性类型为:{levels: [], imageSources: []}, levels属性数组设置需要显示等级说明的等级级别,为number类型 imageSources 数组用来指定等级说明的图片地址,为字符串类型。
showCompass {Boolean} 是否显罗盘,默认值为true。
showSlider {Boolean} 是否显示滑动条,默认值为false。
slideFactor {Integer} 通过罗盘上的箭头漫游地图的移动的距离(像素单位),默认为50。 如果想通过地图大小的比率移动地图,需要使用slideRatio属性。
slideRatio {Number} 点击箭头移动地图时,所移动的距离占总距离(上下移动的总距离为高度,左右移动的总距离为宽度) 的百分比,默认为null。 例如:如果slideRatio 设为0.5, 则垂直上移地图半个地图高度.
sliderBarHeight {Number} 设置滑动条的高度,默认为120。
sliderBarWidth {Number} 设置滑动条的宽度,默认为13。
Constructor
SuperMap.Control.PanZoomBar 平移缩放控件类
Functions
destroy 解构控件,释放控件所占有的资源。
getDoms 获取组成控件的各个div。(不建议使用)

Properties

slideFactor

{Integer} 通过罗盘上的箭头漫游地图的移动的距离(像素单位),默认为50。 如果想通过地图大小的比率移动地图,需要使用slideRatio属性。

slideRatio

{Number} 点击箭头移动地图时,所移动的距离占总距离(上下移动的总距离为高度,左右移动的总距离为宽度) 的百分比,默认为null。 例如:如果slideRatio 设为0.5, 则垂直上移地图半个地图高度.

sliderBarWidth

{Number} 设置滑动条的宽度,默认为13。

sliderBarHeight

{Number} 设置滑动条的高度,默认为120。

forceFixedZoomLevel

{Boolean} 是否固定缩放级别为[0,16]之间的整数,默认为false。

showSlider

{Boolean} 是否显示滑动条,默认值为false。

showCompass

{Boolean} 是否显罗盘,默认值为true。

levelsDesc

{Object} 当用户需要添加等级标签时,设置相应的等级和标签样式图片,设置等级不能超过最大的等级数。 该属性类型为:{levels: [], imageSources: []}, levels属性数组设置需要显示等级说明的等级级别,为number类型 imageSources 数组用来指定等级说明的图片地址,为字符串类型。

Constructor

SuperMap.Control.PanZoomBar

平移缩放控件类

Parameters

options {Object} 该类开放的属性。

可用两种方式添加 PanZoomBar : (1)在初始化构造 Map 的时候,设置 Map 的 controls 属性来添加控件,如 :

var map = new SuperMap.Map('map',{controls:[new SuperMap.Control.PanZoomBar()]});

(2)在Map构造完成后,调用接口 Map 的方法 addControl() 来添加控件,如 :

var map = new SuperMap.Map('map');
map.addControl(new SuperMap.Control.PanZoomBar());

Functions

getDoms

getDoms: function()

获取组成控件的各个div。(不建议使用)

var doms = control.getDoms();
var container = dom.container;//容器
var zoomIn = dom.zoomIn;//加号按钮
var zoomOut = dom.zoomOut;//减号按钮
var zoombarOne =  doms.zoombarOne;//缩放条中线线 、slider滑过前的样式
var zoomBar = dom.zoomBar;//缩放条背景
var zoombarThree = dom.zoomBar;//缩放条、slider滑过后的样式
var slider = dom.slider;//缩放条上的滚轮

var pan= doms.pan;//罗盘背景
var panup= doms.panup;//上移按钮
var panleft= doms.panleft;//左移按钮
var panright= doms.panright;//右移按钮
var pandown= doms.pandown;//下移按钮
var zoommaxextent= doms.zoommaxextent;//罗盘中心的按钮

destroy

destroy: function()

解构控件,释放控件所占有的资源。

getDoms: function()
获取组成控件的各个div。(不建议使用)
destroy: function()
解构控件,释放控件所占有的资源。
控件类,提供了多种控件,比如比例尺控件,鹰眼控件,缩放条控件等等。 用于处理 Control 事件的事件处理器 Handler,内部封装了一系列的浏览器事件, 在控件(control)实现过程中可调用Handler,通过 active和 deactive两个方法,实现动态的激活和注销。
Close