SuperMap.Control.UTFGrid

这个控制类提供了与UTFGrid图层相关的行为。 通过判断鼠标位置能够直接提取出UTFGrid图层对应要素的属性,不需要向服务端 发送请求。 这个控制类通过设置属性提供了Mousemove(鼠标移动), Hovering(鼠标悬停)以 及Click(鼠标点击)等事件来触发回调函数。

最常见的例子可能就是当鼠标移动到UTFGrid图层上的要素的时候,使用DIV显示该 要素的属性。

示例代码

var china_utfgrid = new SuperMap.Layer.UTFGrid("UTFGridLayer", "http://localhost:8090/iserver/services/map-china400/rest/maps/China",
{
     layerName: "China_Province_R@China400",
     utfTileSize: 256,
     pixcell: 2,
     isUseCache: false
},
{
    utfgridResolution: 2
});
map.addLayer(china_utfgrid);

var control = new SuperMap.Control.UTFGrid({
    layers: [china_utfgrid],
    handlerMode: 'move',
    callback: function(dataLookup) {
        // do something with returned data
    }
})

Inherits from

Summary
SuperMap.Control.UTFGrid 这个控制类提供了与UTFGrid图层相关的行为。 通过判断鼠标位置能够直接提取出UTFGrid图层对应要素的属性,不需要向服务端 发送请求。 这个控制类通过设置属性提供了Mousemove(鼠标移动), Hovering(鼠标悬停)以 及Click(鼠标点击)等事件来触发回调函数。
Properties
autoActivate {Boolean} 当控件类添加到地图后自动激活该控件,默认为true。
handlerMode {String} 事件触发类型,默认值为’click’。也可以是’hover’ 或 ‘move’.
Layers 可以进行查询的图层列表数组,图层必须是Layer.UTFGrids类型,默认值’null’表示 所有的UTFGrid图层都是可查询的。 {Array} SuperMap.Layer.UTFGrid
Functions
setHandler 重新设置handlerMode属性的方法,切换事件触发类型。
Constructor
SuperMap.Control.UTFGrid UTFGrid控件类构造函数。
Functions
callback 当鼠标事件触发的位置恰好在UTFGrid图层上有对应数据的时候调用该方法。

Properties

autoActivate

{Boolean} 当控件类添加到地图后自动激活该控件,默认为true。

Layers

可以进行查询的图层列表数组,图层必须是Layer.UTFGrids类型,默认值’null’表示 所有的UTFGrid图层都是可查询的。 {Array} SuperMap.Layer.UTFGrid

handlerMode

{String} 事件触发类型,默认值为’click’。也可以是’hover’ 或 ‘move’.

Functions

setHandler

setHandler: function ( hm )

重新设置handlerMode属性的方法,切换事件触发类型。

Parameters

hm {String} 事件触发类型:’click’、’hover’ 或 ‘move’。

Constructor

SuperMap.Control.UTFGrid

UTFGrid控件类构造函数。

Parameters

options {Object}

Functions

callback

callback: function ( infoLookup )

当鼠标事件触发的位置恰好在UTFGrid图层上有对应数据的时候调用该方法。

Parameters

infoLookup {Object} 返回一个对象,该对象由一个或多个键值对组成,其中 键值为图层索引,值为鼠标位置对应该图层的数据,数据格式为JSON类型。
这个图层从UTFGrid切片数据源读取数据。由于UTFGrid本质上是基于JSON的ASCII 码’字符画’与属性数据的结合,所以它不能被可视化渲染。
setHandler: function ( hm )
重新设置handlerMode属性的方法,切换事件触发类型。
callback: function ( infoLookup )
当鼠标事件触发的位置恰好在UTFGrid图层上有对应数据的时候调用该方法。
控件类,提供了多种控件,比如比例尺控件,鹰眼控件,缩放条控件等等。 用于处理 Control 事件的事件处理器 Handler,内部封装了一系列的浏览器事件, 在控件(control)实现过程中可调用Handler,通过 active和 deactive两个方法,实现动态的激活和注销。
Close