你的位置:首页 > 软件开发 > Java > arcgis api for javascript 获取属性字段及自定义graphic样式

arcgis api for javascript 获取属性字段及自定义graphic样式

发布时间:2015-12-18 18:00:26
通过FeatureLayer我们可以拿到一组graphic,graphic有attributes、geometry和symbol三个重要属性,效果如下这里并没有用到真正的查询功能,只是简单的控制featureLayer的开闭。主要步骤:1.创建map,加载底图2.加载Featur ...

arcgis api for javascript  获取属性字段及自定义graphic样式

通过FeatureLayer我们可以拿到一组graphic,graphic有attributes、geometry和symbol三个重要属性,效果如下

arcgis api for javascript  获取属性字段及自定义graphic样式

这里并没有用到真正的查询功能,只是简单的控制featureLayer的开闭。

主要步骤:

1.创建map,加载底图

2.加载FeatureLayer,设置其symbol,初始visible不可见

3.点击图标则打开对应的featureLayer,关闭其他featureLayer,更新左侧列表内容

 

第一步在上一篇讲过,这里从第二步开始。注:这里代码主要作为一个参考,并不能直接粘贴运行。

var FEATURELAYER_PREFIX = 'fl';dojo.connect(map, 'onLoad', function (map) {  $.get(SHANDONG_SERVER, { f: 'json' }, loadFeatureLayer, 'jsonp');});map.addLayer(baseLayer);function loadFeatureLayer(data) {  var     //该地图里包含的图层    layers = data.layers,    fLayers = [], fLayer,    symbolNormal = new PictureMarkerSymbol("img/poi.png", 26, 30),    renderer = new SimpleRenderer(symbolNormal);  _.each(layers, function (layer) {    //FeatureLayer的url即普通地图服务地址加上图层编号    fLayer = new FeatureLayer(SHANDONG_SERVER + '/' + layer.id, {      //服务返回graphic的模式,默认的就是这个MODE_ONDEMAND      //根据map当前的extent返回数据,即只显示你正在浏览的区域里的数据      //但是我自己碰到一个问题,总是有一部分超出map当前extent的数据也返回了,即左侧列表个数总是大于地图上显示的个数      //虽然用代码可以解决,但是至今没找到原因,请高手指点!      mode: FeatureLayer.MODE_ONDEMAND,      extent: map.extent,      //我们要在点击图标时才显示对应featurelayer,所以一开始不显示      visible: false,      //暴露所有字段      outFields: ['*'],      //指定该featurelayer的id      id: FEATURELAYER_PREFIX + layer.id    });    //只有当地图放大到一定级别以上才可见    fLayer.setMinScale(550000);    //给featurelayer设置样式    fLayer.setRenderer(renderer);    fLayers.push(fLayer);  });  map.addLayers(fLayers);}//显示该id的图层function showLayer(id) {  var layer = map.getLayer(FEATURELAYER_PREFIX + id),    graphics;  //注意graphics是异步加载到map上的,所以得放在加载完成的回调里  dojo.connect(layer, "onUpdateEnd", function (err) {    if (err) return;    // FeatureLayer.MODE_ONDEMAND模式下拿到的graphics有的超出map.extent, 原因不明    // 手动判断    graphics = [];    _.each(layer.graphics, function (graphic, index) {      if (withinExtent(graphic)) {        graphic.index = index;        graphics.push(graphic);      }    });    app.controller.buildQueryList(graphics);  });  //显示图层  layer.show();}function withinExtent(graphic) {  var x = graphic.geometry.x,    y = graphic.geometry.y,    extent = map.extent;  if (x >= extent.xmin && x <= extent.xmax && y >= extent.ymin && y <= extent.ymax)    return true;  return false;}

原标题:arcgis api for javascript 获取属性字段及自定义graphic样式

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。