FeatureLayer 里属性数据的提取与显示
我们用工程文件所发布的WebServer下,包含一个个图层,这些图层根据顺序进行了 0 开始的编号,这些就是FeatureLayer的地址了!
FeatureLayer 包含了地图的属性信息,十分好用!FeatureLayer 配合 InfoTemplate 能很方便的进行最简单的属性数据展示。
一. 定义 InfoTemplate ,并加入指定 FeatureLayer ,进行最简单的属性显示:
var template = new esri.InfoTemplate("Info", "${Name}");
var fl = new esri.layers.FeatureLayer(url, {
id: "yourname",
infoTemplate: template,
outFields:["*"]
});
map.addLayer(fl);
需要注意的是:
1 ) 若想 InfoTemplate 展示所有属性,只需改为 "${*}" 。
2 ) FeatureLayer 存在一个 outFields 属性,利用这个属性我们可以限制开放的字段,若 outFields:["*"] 则展示全部,如上。
效果:
二. 有时候,我们会遇到只需要属性信息而不希望 FeatureLayer 遮住地图的情况,这时就要用到 opacity 属性:
var template = new esri.InfoTemplate("Info", "${Name}");
var fl = new esri.layers.FeatureLayer(url, {
id: "yourname",
infoTemplate: template,
outFields:["*"],
opacity: 0
});
map.addLayer(fl);
这样我们只要管理好顺序,就能在不影响视图的情况下,同时加载多个 " 纯属性图层 " 。
三. 属性信息我们也可以单独取出,用于计算,评估或者统计等:
Featurelayer.on("click", function(evt)
{
map.graphics.clear();
var atb = evt.graphic.attributes;
var atblist = new Array();
for(var p in atb){
var mp = {};
mp.name = p;
mp.val = atb[p];
atblist.push(mp);
}
//atblist里便是我们当前选中的Feature的属性信息
//这里我用了name存放属性名,val存放属性值.
})
备注:
JavaScript并不提供类的各种功能,我们需要自行实现。
类似上例中使用的实例 mp ,name 与 val 就相当于类中的属性。
这个方面还需要好好学习学习 !
FeatureLayer 里属性数据的提取与显示的更多相关文章
- 《ArcGIS Engine+C#实例开发教程》第八讲 属性数据表的查询显示
原文:<ArcGIS Engine+C#实例开发教程>第八讲 属性数据表的查询显示 第一讲 桌面GIS应用程序框架的建立 第二讲 菜单的添加及其实现 第三讲 MapControl与Page ...
- 解决将龙邱oled库移植到野火工程里,oled汉字无法显示问题
第一,检查oled是否和单片机控制引脚正确相连. GND VCC CLK:时钟信号 miso RST: DC:DATE COMMAND/CONTROL CS:CHIP SELECT 第二,检查工程里是 ...
- vue element-ui表格里时间戳转换成时间显示
工作中遇到后台给的表格数据里时间是一个13位的时间戳,需要转换成时间显示在表格里, 可以用element-ui表格自带的:formatter函数,来格式化表格内容: // 时间戳转换成时间 // 使用 ...
- 在Excel里面,单元格里输入公式后只显示公式本身,不显示结果,怎么办
这种情况是对Excel进行了设置,设置的就是在单元格中只显示公式,不显示结果,解决的办法有两个: 1 用快捷键CTR+~ 2 点击"公式"选项卡,然后反选里面的"显示公式 ...
- Android开发 从代码里设置Drawable图片不显示的问题
问题描述 我们从代码里获得Drawable在设置给View时会发现,图片不显示的问题.比如如下代码: Drawable drawable = getResources().getDrawable(R. ...
- F7里利用DIV 模拟 textarea 显示回行的问题解决
<div class="card-content-inner" style="word-wrap:break-word;word-break:break-all;w ...
- Div里超出部分,省略号显示
1.一行显示并出现省略号 1)三个属性: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow: hidde ...
- HTML里引号的输出与显示
关于输入框中显示双引号和单引号 前台显示解决办法: 方法一: 单引号<input type="text" value="'"> 双引号<inp ...
- 不同系统里同一Customizing activity的显示差异分析
比如SAP HANA Live Reporting这个Customizing Activity,在System AG3里不可见,但是在另一个系统QHD里却能使用.比较下列两张图的差异. 一种可能的原因 ...
随机推荐
- (USB HID) Configuration Descriptor
最近完成了HID的基本收發,使用的配置用了2個Endpoint,把一些特別重要要的地方紀錄下來 整個Configuration 分成4大部分 : 1. Configuration 2. Interfa ...
- PHP类库生成pdf代码实例
require_once('./tcpdf/tcpdf.php'); //引入库文件 $pdf = new TCPDF('P', 'mm', 'A4', true, 'UTF-8', f ...
- origin显示三维曲面
准备数据并选中数据: 这里如果只关心z<1部分的趋势,可以对Z轴范围进行调整,双击Z轴的数字: 然后修改显色条的范围,双击曲面: 最后让曲面最上面部分clip掉: 成功了:
- 进阶篇:2.1)DFMA实施障碍和关键
本章目的:了解DFMA实施障碍与关键. 1.实施的障碍 面向制造和装配的产品开发能够降低产品成本.提高产品质量.缩短产品开发周期,但是,由于传统产品开发思想和各种条件的限制,实施面向制造和装配的产品开 ...
- 高阶篇:1)竞品(标杆产品)的拆解和分析benchmarking
本章目的:从标杆产品(竞品)逆向推出装配.制造.设计流程及难点. 1.竞品分析的目的 ①为企业制定市场准确的产品开发目标: ②为企止提供产品开发全流程性能结构对标参考数据指标: ③最优性价比务件下,为 ...
- Javascript 定时器的使用陷阱 (setInterval)
setTimeout(function(){ // 其他代码 setTimeout(arguments.callee, interval); }, interval); setInterval会产生回 ...
- Vue axios 上传图片
上传图片接口 // 上传图片 export const uploadBanner = formData => { return axios.request({ url: 'manage/slid ...
- 接口自动化测试框架 :APIAutoTest框架
前言 随着测试技术的发展,接口自动化测试逐渐成为各大公司投入产出比最高的测试技术.介入时间早,执行效率高,稳定性高的优点,让越来越多的公司引入接口自动化测试. 框架简介 APIAutoTest是处理A ...
- Jmeter调试脚本之断言
前言: jmeter中有个元件叫做断言(Assertion),它的作用和loadrunner中的检查点类似: 用于检查测试中得到的响应数据等是否符合预期,用以保证性能测试过程中的数据交互与预期一致. ...
- 转 WINXP VBOX 给UBUNTU 加共享目录方法
1. 安装增强功能包(Guest Additions)安装好Ubuntu 9.04后,运行Ubuntu并登录.然后在VirtualBox的菜单里选择"设备(Devices)" -& ...