• ArcGIS api for javascript——查找任务-没有地图查找要素


    描述

    本例展示了如何使用查找任务搜索数据里的记录,然后在HTML表格中显示结果。

    尽管FindTask不需要显示一个地图,但是构造函数需要一个ArcGIS Server地图服务的URL。 本例使用ESRI sample server上的ESRI_StatesCitiesRivers_USA地图服务。 FindParameters限定了仅仅搜索州图层(索引2)的STATE_NAME和STATE_FIPS字段。

     1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
     2 <html>
     3   <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     5     <meta http-equiv="X-UA-Compatible" content="IE=7" />
     6     <title>Simple Find</title>
     7     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css">
     8     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>
     9     <script type="text/javascript">
    10       dojo.require("esri.tasks.find");
    11 
    12       var find, params;
    13       function init() {
    14         find = new esri.tasks.FindTask("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Specialty/ESRI_StatesCitiesRivers_USA/MapServer/");
    15         params = new esri.tasks.FindParameters();
    16         params.layerIds = [2];
    17         params.searchFields = ["STATE_NAME","STATE_FIPS"];
    18       }
    19 
    20       function doFind() {
    21         params.searchText = dojo.byId("searchText").value;
    22         find.execute(params, showResults);
    23       }
    24 
    25       function showResults(results) {
    26         var result, attribs;
    27         var s = ["<table border="1"><thead><tr style="background-color:#ccc;"><td>State Name</td><td>FIPS</td><td>Population (1990)</td><td>Population (1999)</td></tr></thead><tbody id="states">"];
    28         for (var i=0, il=results.length; i<il; i++) {
    29           result = results[i];
    30           attribs = result.feature.attributes;
    31           s.push("<tr><td>" + attribs.STATE_NAME + "</td><td>" + attribs.STATE_FIPS + "</td><td>" + attribs.POP1990 + "</td><td>" + attribs.POP1999 + "</td></tr>");
    32         }
    33         s.push("</tbody></table>");
    34         dojo.byId("tbl").innerHTML = s.join("");
    35       }
    36 
    37       dojo.addOnLoad(init);
    38     </script>
    39 
    40   </head>
    41   <body class="tundra">
    42     Find by State Name or State FIPS: <input type="text" id="searchText" size="40" value="Kansas" />
    43     <input type="button" value="Find" onclick="doFind()" />
    44 
    45     <div id="tbl"></div>
    46 
    47   </body>
    48 </html>
    49 
    50 
    51 
    52 
    53 
    54  
  • 相关阅读:
    行转列 && 字段拆分
    sqlserver 生成随机值
    mysql查询增加自增列
    Graphx二度关系
    IDEA创建scala项目
    kibana安装
    二十五、Hadoop学记笔记————Hive复习与深入
    二十六、Hadoop学习笔记————Hadoop Yarn的简介复习
    二十四、Hadoop学记笔记————Spark的架构
    二十三、Hadoop学记笔记————Spark简介与计算模型
  • 原文地址:https://www.cnblogs.com/xiaotian-222/p/6549336.html
Copyright © 2020-2023  润新知