ArcGIS API For JS之空间查询和属性查询

说实在真是无聊,虽然很想干一些东西但是悲哀的是没有平台,前几天看到一个关于GIS开发的文章,这一行真的很容易被人取代,知识更新太快了,GIS并不像其他前端开发,不太注重用户体验,因为大多都是政府部分的项目,但是如果不做GIS开发和计算机的比我们的优势又在哪,出路在何方,唉不说了,不说了,开车开车。

一、概述

查询分为属性查询和空间查询类

属性查询:QueryTask,FindTask(只能属性。多个图层)

空间查询:IdentifyTask(多个图层),QueryTask(单个图层)

二、属性查询(高亮显示)

            //属性查询
            function attrFinfd() {
                var findParameters = new FindParameters();
                findParameters.returnGeometry = true;
                findParameters.layerIds = [0, 1, 2, 3];
                findParameters.searchFields = ["name"];
                findParameters.searchText = $("#serach").val();
                findTask.execute(findParameters, showResult);
            };
            //查询工具
            var findTask = new FindTask(serverUrl)
            //属性查询渲染函数
            function showResult(result) {
                map.graphics.clear();
                //线符号
                var lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([0, 0, 255]), 3);
                //面符号
                var fillSymbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol);
                if (result.length == 0) {
                    alert("未查询到任何信息");
                    return;
                }
                else {
                    for (var i = 0; i < result.length; i++) {
                        //获得图形graphic
                        var graphic = result[i].feature;
                        console.log(graphic);
                        console.log(graphic.geometry.cache);
                        //console.log(graphic.geometry.cache._extent);
                        //赋予相应的符号
                        graphic.setSymbol(lineSymbol);
                        //将graphic添加到地图中,从而实现高亮效果
                        map.graphics.add(graphic);
                    }

                }

            }
            //属性查询
            $("#attrSerach").click(function () {
                if ($("#serach").val() == null) {
                    alert("请输入查询条件");
                    return;
                }
                
                attrFinfd();
                
            });

三、空间查询(高亮显示并弹出查询属性信息)

            //空间查询
            function identifyTask(geometry) {
                //定义空间查询对象,注意他的参数是整个地图服务,而不是单个图层
                var identifyTask = new IdentifyTask("http://localhost:6080/arcgis/rest/services/Test/Qingdao/MapServer");
                //定义空间查询参数对象
                var params = new IdentifyParameters();
                //容差
                params.tolerance = 5;
                //是否返回几何信息
                params.returnGeometry = true;
                //空间查询的图层
                params.layerIds = [0,1,2,3];
                //空间查询的条件
                params.layerOption = IdentifyParameters.LAYER_OPTION_ALL;
                params.width = map.width;
                params.height = map.height;
                //空间查询的几何对象
                params.geometry = geometry;
                params.mapExtent = map.extent;
                //执行空间查询
                identifyTask.execute(params, showQueryResult);            
            }
            //空间查询展示
            function showQueryResult(idResults) {
                //创建线符号
                var lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.STYLE_DASH, new dojo.Color([255, 0, 0]), 3);
                //创建面符号
                var fill = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, lineSymbol);
                if (idResults.length > 0) {
                    var htmls = "";
                    htmls = htmls + "";
                    for (var i = 0; i < idResults.length; i++) {
                        var result = idResults[i];
                        //获得图形graphic
                        var graphic = result.feature;
                        //设置图形的符号
                        graphic.setSymbol(fill);
                        var namevalue = result.feature.attributes.Name;
                        if (i % 2 == 1) {
                            htmls = htmls + "";
                        }
                        else {
                            htmls = htmls + "";
                        }

                        map.graphics.add(graphic);
                    }
                    htmls = htmls + "
图层 名 称
" + result.layerName + "" + namevalue + "
" + result.layerName + "" + namevalue + "
"; document.getElementById("divShowResult").innerHTML = htmls; $("#divShowResult").show(); } else { document.getElementById("divShowResult").innerHTML = ""; $("#divShowResult").show(); } }

四、全部源码




    
    查询
    
    
    
    
    



    输入要查询的名称
    
    
    
    

五、效果图

ArcGIS API For JS之空间查询和属性查询_第1张图片

六、总结

空间查询的展示参考别人的输出,感觉很丑也不实用,可以通过分页控件进行展示,更好看点,本来想通过查询并缩放到该要素位置,但是一直没法获取到extent,虽然我就在那,但是就是没法获取,好像变成了私有的,但是花了还久都没法获取,能把人气死,还有QueryTask,FindTask,IdentifyTask传入的都是整个地图服务,不是单个图层,至于什么地图服务打开server自己看

 

转载于:https://www.cnblogs.com/tuboshu/p/10752351.html

你可能感兴趣的:(ArcGIS API For JS之空间查询和属性查询)