skyline 6.6.1 javascript实现遍历树,然后获取图层树中的属性数据
来源:互联网 发布:java 接口 编辑:程序博客网 时间:2024/05/21 14:08
这几天开始研究skyline第一实例就是,单机按钮然后,显示某个图层的数据,虽然实现了功能,但是对这种显示方式,不是很认可的,希望skyline可以改进,下面说一下实例
1.首先用TerraExplorer Pro工具,创建一个fly项目,然后添加一个shp图层,图层命名为“cun”,这里默认测试我没有创建分组,直接图层在根目录下
2.这一步是最关键的一步,就是右键图层属性,设置message属性,设置可以显示字段属性信息,这里如果不设置,显示,javascript是查询不到数据的,这里也是很别扭的地方,一上午没明白,问了群里一位朋友的提示,才了解里。先前如果这里不设置javascript查询的数据是0
3.发布fly文件
4.客户端代码如下,一个html文件
<html>
<head>
<title>HTML Example</title>
<script type="text/javascript">
function Init() {//初始化加载地图
try {
var flyPath = "d://new2.fly";
// attach callback to the load finished event
var divobj = window.document.getElementById("res");
SGWorld66.AttachEvent("OnLoadFinished", OnProjectLoadFinished);
SGWorld66.Project.Open(flyPath);
}
catch (e) {
alert("Error: " + e.description);
}
<head>
<title>HTML Example</title>
<script type="text/javascript">
function Init() {//初始化加载地图
try {
var flyPath = "d://new2.fly";
// attach callback to the load finished event
var divobj = window.document.getElementById("res");
SGWorld66.AttachEvent("OnLoadFinished", OnProjectLoadFinished);
SGWorld66.Project.Open(flyPath);
}
catch (e) {
alert("Error: " + e.description);
}
}
function GetFeatureAll() {
var strResult = "<table>";
var SGWorld = SGWorld66;
var ItemID = SGWorld.ProjectTree.FindItem("shijie");
if (SGWorld.ProjectTree.IsLayer(ItemID)) // Layer
{
function GetFeatureAll() {
var strResult = "<table>";
var SGWorld = SGWorld66;
var ItemID = SGWorld.ProjectTree.FindItem("shijie");
if (SGWorld.ProjectTree.IsLayer(ItemID)) // Layer
{
// var ItemID = SGWorld.ProjectTree.FindItem("shijie");
// var obj = SGWorld.ProjectTree.GetLayer(ItemID);
// 遍历当前图层中已经在地图上加载的全部对象及其属性
// var pIFeatureGroup = obj.FeatureGroups.Item(0);
var layer = SGWorld.ProjectTree.GetLayer(ItemID);
layer.Filter = " 1=1";
var featureGroups = layer.FeatureGroups;
for (var i = 0; i < featureGroups.Count; i++) // Traverse all sub-layers
{
var featureGroup = featureGroups.Item(i);
// var altitudeType = AltitudeMethodToAltitudeType(featureGroup.GetProperty("Altitude Method"));
var features = featureGroup.Features;
for (var j = 0; j < features.Count; j++) {
var f1 = features.Item(j);
// var pIFeatureAttribute = f1.FeatureAttributes.GetFeatureAttribute("RNAME");
for (var n = 0; n < f1.FeatureAttributes.Count; n++)
{
var pIFeatureAttribute = f1.FeatureAttributes.Item(n);
strResult = strResult + "<td>" + pIFeatureAttribute.Name + "*" + pIFeatureAttribute.Value + "</td>";
}
// var obj = SGWorld.ProjectTree.GetLayer(ItemID);
// 遍历当前图层中已经在地图上加载的全部对象及其属性
// var pIFeatureGroup = obj.FeatureGroups.Item(0);
var layer = SGWorld.ProjectTree.GetLayer(ItemID);
layer.Filter = " 1=1";
var featureGroups = layer.FeatureGroups;
for (var i = 0; i < featureGroups.Count; i++) // Traverse all sub-layers
{
var featureGroup = featureGroups.Item(i);
// var altitudeType = AltitudeMethodToAltitudeType(featureGroup.GetProperty("Altitude Method"));
var features = featureGroup.Features;
for (var j = 0; j < features.Count; j++) {
var f1 = features.Item(j);
// var pIFeatureAttribute = f1.FeatureAttributes.GetFeatureAttribute("RNAME");
for (var n = 0; n < f1.FeatureAttributes.Count; n++)
{
var pIFeatureAttribute = f1.FeatureAttributes.Item(n);
strResult = strResult + "<td>" + pIFeatureAttribute.Name + "*" + pIFeatureAttribute.Value + "</td>";
}
}
}
} else {
}
} else {
}
strResult = strResult + "</table>";
window.document.getElementById("result").innerHTML = strResult;
}
function OnProjectLoadFinished() {
alert("Received project loaded event. Click OK to fly to Washington DC.");
var Washington = SGWorld66.Creator.CreatePosition(-77.036667, 38.895111, 1500);
SGWorld66.Navigate.FlyTo(Washington);
}
</script>
</head>
<body onload="Init()">
<input id="Button1" type="button" value="开始" onclick="GetFeatureAll()" />
<div id="result"></div>
<object id="TEInformationWindow" classid="CLSID:3a4f9193-65a8-11d5-85c1-0001023952c1" width="300" height="521"></object>
<object id="TE" classid="clsid:3a4f9192-65a8-11d5-85c1-0001023952c1" style="width: 600px;height: 600px"></object>
<object id="SGWorld66" classid="CLSID:3a4f9199-65a8-11d5-85c1-0001023952c1" style="visibility: hidden;height: 0"></object>
</body>
</html>
5.这个地方也比较关键,就是在查询之前,必须,在运行界面上点击一个数据,显示数据,才可以查询出数据,这里也是很别扭的,如果不点击地图查看一条数据,依然查不到数据
阅读全文
0 0
- skyline 6.6.1 javascript实现遍历树,然后获取图层树中的属性数据
- JavaScript中的属性:如何遍历属性
- Skyline学习心得-web-获取图层树
- 后台遍历Javascript获取前台数据
- 空间数据挖掘中的Skyline查询
- Skyline中目录树的遍历
- javascript获取文本框中的数据
- 遍历JavaScript对象中的属性和属性值
- 移动端Skyline获取Feature图层属性的
- 我们的应用或多或少都会从网络获取图片数据然后进行显示,下面就将实现一个这样的例子,获取网络中的图片!
- javascript遍历对象属性
- JavaScript遍历对象属性
- javascript实现树的遍历
- 用原生Javascript对象中的访问器属性实现双向数据绑定
- 基于JavaScript实现Json数据根据某个字段(json中的某个属性)进行排序
- skyline属性查询
- javascript如何获取request中的数据
- 用JavaScript获取XML中的数据
- AngularJs实现进入聊天界面时的自动滚动
- 字符串匹配
- Amaze学习笔记2
- 字符串日期转换成时间对象
- 数据类型范围,有符号类型无符号类型,正负, 反码补码的终极理解,一看就懂
- skyline 6.6.1 javascript实现遍历树,然后获取图层树中的属性数据
- 帝国CMS怎么新增加专题页面 帝国cms增加专题图文详解
- vuex怎么学(一)
- 【原创】KM算法 ※HDU 2225 POJ 2195
- 使用openssl进行RSA加密解密
- C#自己编写软键盘
- CentOS7安装Python3.6
- leetcode.557.Reverse Words in a String III
- 设计模式(对象创建)——工厂方法模式