UTFGRID点击获取数据为null [已关闭]

0 投票

如下图所示:

我的代码:

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript" src="./assets/libs/sm/libs/SuperMap.Include.js"></script>
  <script type="text/javascript">
    <!--
    //声明变量map、layer、url
    var map, layer, layerImage, vectorLayer, themeLayer, utfgrid,utfgrid2,
      url = ["http://localhost:8090/iserver/services/map-baidu/rest/maps/normal",
        "http://localhost:8090/iserver/services/map-reservoir2/rest/maps/lc@image",
        "http://localhost:8090/iserver/services/map-OSM/rest/maps/normal",
        "http://localhost:8090/iserver/services/map-reservoir2/rest/maps/WatchPoint@data",
		"http://localhost:8090/iserver/services/map-LinCangDiTu/rest/maps/Level17@testB",
		"http://localhost:8090/iserver/services/map-reservoir/rest/maps/isoMap"
      ];
    //创建地图控件
    function init() {
      map = new SuperMap.Map("map", {
        controls: [
          new SuperMap.Control.ScaleLine(),
          //new SuperMap.Control.Zoom(),
          new SuperMap.Control.LayerSwitcher(),
          new SuperMap.Control.Navigation({ //添加导航控件到map
            dragPanOptions: {
              enableKinetic: true //拖拽动画
            }
          })
        ],
        allOverlays: true
      });
      //初始化复杂缩放控件类
      panzoombar = new SuperMap.Control.PanZoomBar();
      // 是否固定缩放级别为[0,16]之间的整数,默认为false
      panzoombar.forceFixedZoomLevel = true;
      //是否显示滑动条,默认值为false
      panzoombar.showSlider = true;
      /*点击箭头移动地图时,所移动的距离占总距离(上下移动的总距离为高度,左右移动的总距离为宽度)
      的百分比,默认为null。 例如:如果slideRatio 设为0.5, 则垂直上移地图半个地图高度.*/
      panzoombar.slideRatio = 0.5;
      //设置缩放条滑块的高度,默认为120
      panzoombar.sliderBarHeight = 180;
      //设置缩放条滑块的宽度,默认为13
      panzoombar.sliderBarWidth = 17;
      map.addControl(panzoombar);


      //创建分块动态REST图层,该图层显示iserver 8C 服务发布的地图,
      //其中"world"为图层名称,url图层的服务地址,{transparent: true}设置到url的可选参数
      layer = new SuperMap.Layer.TiledDynamicRESTLayer("地图", url[4], {
        cacheEnabled: true, transparent: true
      }, {
        maxResolution: "auto"
      });


	utfgrid = new SuperMap.Layer.UTFGrid("雨量站", url[4],
	{
		layerName: "雨量站@testB",
		utfTileSize: 256,
		pixcell: 8,
		isUseCache: true
		},
		{
		utfgridResolution: 8
	});

	utfgrid2 = new SuperMap.Layer.UTFGrid("雨量水位站", url[4],
	{
		layerName: "雨量水位站@testB",
		utfTileSize: 256,
		pixcell: 8,
		isUseCache: true
		},
		{
		utfgridResolution: 8
	});


    layer.events.on({
        "layerInitialized": addLayer
      });

	control = new SuperMap.Control.UTFGrid({
		layers: [utfgrid, utfgrid2],
		callback: callback,
		//handlerMode: "click"
	});
	map.addControl(control);

	function callback(infoLookup, loc, pixel) {
		console.log("infoLookup", infoLookup);
		console.log("loc", loc);
		console.log("pixel", pixel);
		if (infoLookup) {
			var info;
			for (var idx in infoLookup) {
				info = infoLookup[idx];
				if (info && info.data) {
					console.log("infoLookup", infoLookup);
					console.log("loc", loc);
					console.log("pixel", pixel);
				}
			}
		}
	}

      vectorLayer = new SuperMap.Layer.Vector("Vector Layer");

      var callbacks = {
        click: onSelected
      };
      try {
      var selectFeature = new SuperMap.Control.SelectFeature(vectorLayer, {
        callbacks: callbacks
      });
      map.addControl(selectFeature);
      selectFeature.activate();
      } catch(ex) {
        console.log(ex);
      }

    }

	function addThemeLayer() {
		map.addLayer(themeLayer);
		themeLayer.setOpacity(0.4);
	}
    var infowin;

    function onSelected(currentFeature) {
      closeInfoWin();
      var popup = new SuperMap.Popup.FramedCloud("popwin",
        new SuperMap.LonLat(currentFeature.geometry.x, currentFeature.geometry.y),
        null,
        "名称:" + currentFeature.data.NAME + "<br><a href='#'>详细信息</a>",
        null,
        true);
      infowin = popup;
      map.addPopup(popup);
    }

    function closeInfoWin() {
      if (infowin) {
        try {
          infowin.hide();
          infowin.destroy();
        } catch (e) {}
      }
    }

    function callbackFunction(e) {
      console.log(e);

    }

    var inited = false;

    function addLayerImage() {
      map.addLayer(layerImage);
    }

    function addLayer() {
	  map.addLayers([layer, utfgrid, utfgrid2]);
	  themeLayer = new SuperMap.Layer.TiledDynamicRESTLayer("等值专题图", url[5], {
        cacheEnabled: true, transparent: true
      }, {
		  useCanvas: true, 
        maxResolution: "auto"
      });
      themeLayer.events.on({
        "layerInitialized": addThemeLayer
      });

      //出图,map.setCenter函数显示地图
      try {
        //var lonLat1 = new SuperMap.LonLat(100.08831, 23.88535);
		var lonLat1 = new SuperMap.LonLat(11046444.664073, 2790516.8346258);
        console.log("lonLat1", lonLat1);

		map.setCenter(lonLat1, 2);

      } catch (ex) {
        console.log("exception ", ex);
      }
    }

   
    }


    //-->
  </script>
</head>

<body onload="init()">
  <div id="map" style="position:absolute;left:0px;right:0px;width:100%;height:100%;">
  </div>
</body>

</html>

关闭重复的问题: urfgrid怎么取不到数据
4月 6, 2017 分类:  665次浏览 | 用户: techcave 初出茅庐 (82 分)
已关闭 4月 7, 2017 用户:techcave

1个回答

0 投票
 
已采纳

您好!你的截图中标注的是哪个图层上的地物呢?你可以在iServer中预览一下看看,该服务对应的utfgrid图层本身有没有信息

4月 6, 2017 用户: 李晓 学富五车 (633 分)
采纳于 4月 10, 2017 用户:techcave
哦,服务这边好了就可以,代码里面的话,你设置一下map的projection和maxExtent这两个参数,应该就可以了
能看见图啊,需要设吗?
需要设置,一般返回结果为空设置这个就好了
 	utfgrid = new SuperMap.Layer.UTFGrid("雨量站", url[4],
    	{
    		layerName: encodeURI("雨量站@testB"),
    		utfTileSize: 256,
    		pixcell: 8,
    		isUseCache: true
    		},
    		{
    		utfgridResolution: 8
    	});
     utfgrid.maxExtent = layer.maxExtent;

    	utfgrid2 = new SuperMap.Layer.UTFGrid("雨量水位站", url[4],
    	{
    		layerName: "water@testB",
    		utfTileSize: 256,
    		pixcell: 8,
    		isUseCache: true
    		},
    		{
    		utfgridResolution: 8
    	});
    
     utfgrid2.maxExtent = layer.maxExtent;
	if(map.scales){
                utfgrid.scales = map.scales;
				utfgrid2.scales = map.scales;
            }

麻烦看看我代码设置对了吗?

你好,是设置地图的maxExtent,并不是utfgrid图层的maxExtent
...