SuperMap.Control.OverviewMap

鹰眼控件类。 用于控制地图中的鹰眼。 使用鹰眼应注意的是: 1、如果在实例化该鹰眼时传入layers数组,并且layers数组中的对象是使用canvas进行渲染, 请先将鹰眼控件加入map对象中,然后将layer加入map对象中。示例如下: var layer1 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url,null,{useCanvas:true}); var layer2 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url,null,{useCanvas:true}); var map = new SuperMap.Map(“map”); var ovm = new SuperMap.Control.OverviewMap({layers:[layer1.clone(),layer2.clone()]}); map.addControl(ovm); map.addLayers([layer1,layer2]); 2、如果使用canvas渲染,在实例化map对象时没有加入鹰眼控件,而又需要加入鹰眼控件,请使用如下方式: var layer1 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url,null,{useCanvas:true}); var map = new SuperMap.Map(“map”); var ovm = new SuperMap.Control.OverviewMap(); map.addControl(ovm); map.addLayers([layer1]); 3、其他情况下如(map对象实例化时传入鹰眼对象或者是使用非canvas渲染),加入先后次序无关。 Inherits from:

Summary
SuperMap.Control.OverviewMap 鹰眼控件类。 用于控制地图中的鹰眼。 使用鹰眼应注意的是: 1、如果在实例化该鹰眼时传入layers数组,并且layers数组中的对象是使用canvas进行渲染, 请先将鹰眼控件加入map对象中,然后将layer加入map对象中。示例如下: var layer1 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url,null,{useCanvas:true}); var layer2 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url,null,{useCanvas:true}); var map = new SuperMap.Map(“map”); var ovm = new SuperMap.Control.OverviewMap({layers:[layer1.clone(),layer2.clone()]}); map.addControl(ovm); map.addLayers([layer1,layer2]); 2、如果使用canvas渲染,在实例化map对象时没有加入鹰眼控件,而又需要加入鹰眼控件,请使用如下方式: var layer1 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url,null,{useCanvas:true}); var map = new SuperMap.Map(“map”); var ovm = new SuperMap.Control.OverviewMap(); map.addControl(ovm); map.addLayers([layer1]); 3、其他情况下如(map对象实例化时传入鹰眼对象或者是使用非canvas渲染),加入先后次序无关。 Inherits from:
Properties
autoPan {Boolean} 自动平移鹰眼中的地图,这样标记范围能够始终保持在中心 位置,默认值是true。当拖拽标记范围时,鹰眼中的地图会自动更新, 这样标记范围能够重返中心位置。
layers {Array(SuperMap.Layer)} 鹰眼地图上的图层列表,如果构造函数中没有传layer,则使用主图的baselayer。
mapOptions {Object} 一个对象,该对象包含了传给鹰眼的map构造函数的非默认选项。 该对象包含的属性应该是主地图map对象构造是传递的非默认选项。 示例:两个(甚至更多)图层叠加,同时鹰眼中也要显示多个叠加图层,代码如下 var layer1 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url); var layer2 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url); var map = new SuperMap.Map(“map”,{allOverlays:true}); var ovm = new SuperMap.Control.OverviewMap({layers:[layer1.clone(),layer2.clone()], mapOptions:{allOverlays: true}}); map.addControl(ovm); map.addLayers([layer1,layer2]);
maximized {Boolean} 鹰眼窗口开始为最大化(可见)。默认值为 true ,若设为false,需要点击一下表示鹰眼的图标才能打开鹰眼。
maxRatio {Float} 鹰眼地图的分辨率与主地图分辨率的最大比值。
minRatio {Float} 鹰眼地图的分辨率与主地图分辨率的最小比值。
minRectDisplayClass {String} 鹰眼范围矩形边框为minRectSize时,更换范围矩形的风格类名。 此字符串将被添加到displayClass的后缀。默认为RectReplacement.
minRectSize {Integer} 鹰眼范围矩形边框的最小的宽度和高度。默认为8pixels。
Constructor
SuperMap.Control.OverviewMap 鹰眼控件构造函数,如:
Functions
destroy 解构控件。

Properties

layers

{Array(SuperMap.Layer)} 鹰眼地图上的图层列表,如果构造函数中没有传layer,则使用主图的baselayer。

minRectSize

{Integer} 鹰眼范围矩形边框的最小的宽度和高度。默认为8pixels。

minRectDisplayClass

{String} 鹰眼范围矩形边框为minRectSize时,更换范围矩形的风格类名。 此字符串将被添加到displayClass的后缀。默认为RectReplacement.

CSS声明示例

.smControlOverviewMapRectReplacement {
    overflow: hidden;
    cursor:url("../images/cursors/PanDown.cur"),move;
    background-image: url("img/overview_replacement.gif");
    background-repeat: no-repeat;
    background-position: center;
}

minRatio

{Float} 鹰眼地图的分辨率与主地图分辨率的最小比值。

maxRatio

{Float} 鹰眼地图的分辨率与主地图分辨率的最大比值。

mapOptions

{Object} 一个对象,该对象包含了传给鹰眼的map构造函数的非默认选项。 该对象包含的属性应该是主地图map对象构造是传递的非默认选项。 示例:两个(甚至更多)图层叠加,同时鹰眼中也要显示多个叠加图层,代码如下 var layer1 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url); var layer2 = new SuperMap.Layer.TiledDynamicRESTLayer(“name”,url); var map = new SuperMap.Map(“map”,{allOverlays:true}); var ovm = new SuperMap.Control.OverviewMap({layers:[layer1.clone(),layer2.clone()], mapOptions:{allOverlays: true}}); map.addControl(ovm); map.addLayers([layer1,layer2]);

autoPan

{Boolean} 自动平移鹰眼中的地图,这样标记范围能够始终保持在中心 位置,默认值是true。当拖拽标记范围时,鹰眼中的地图会自动更新, 这样标记范围能够重返中心位置。

maximized

{Boolean} 鹰眼窗口开始为最大化(可见)。默认值为 true ,若设为false,需要点击一下表示鹰眼的图标才能打开鹰眼。

Constructor

SuperMap.Control.OverviewMap

鹰眼控件构造函数,如:

var overview = new SuperMap.Control.OverviewMap({maximized: true});

Parameters

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

Functions

destroy

destroy: function()

解构控件。

图层类。
destroy: function()
解构控件。
控件类,提供了多种控件,比如比例尺控件,鹰眼控件,缩放条控件等等。 用于处理 Control 事件的事件处理器 Handler,内部封装了一系列的浏览器事件, 在控件(control)实现过程中可调用Handler,通过 active和 deactive两个方法,实现动态的激活和注销。
Close