1. 程式人生 > >ArcGIS JS之查詢一個圖層的全部信息

ArcGIS JS之查詢一個圖層的全部信息

clas link result arcgis ini var tex value add

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>QueryTask</title>
    <link rel="stylesheet" type="text/css"
          href="http://10.0.0.92:8002/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"
/> <link rel="stylesheet" type="text/css" href="http://10.0.0.92:8002/arcgis_js_api/library/3.17/3.17/esri/css/esri.css"/> <script type="text/Javascript" src="http://10.0.0.92:8002/arcgis_js_api/library/3.17/3.17/init.js"></script> <style type="text/css"> .MapClass
{ width: 100%; height: 600px; border: 1px solid #000; } </style> <script type="text/javascript"> require(["esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "dojo/dom", "dojo/on
", "esri/tasks/QueryTask", "esri/tasks/query", "esri/symbols/SimpleLineSymbol", "esri/symbols/SimpleFillSymbol", "esri/graphic", "dojo/domReady!"], function (Map, ArcGISDynamicMapServiceLayer, dom, on, QueryTask, Query, SimpleLineSymbol, SimpleFillSymbol, Graphic) { //根據div的id屬性創建地圖 var map = new Map("mapDiv"); //定義一個動態地圖服務 var layer = new ArcGISDynamicMapServiceLayer("http://10.0.0.92:6080/arcgis/rest/services/xinyu/MapServer"); //將圖層添加到地圖 map.addLayer(layer) //給屬性查詢按鈕添加click事件 on(dom.byId("Btn"), "click", function (e) { //定義查詢對象 var queryTask = new QueryTask("http://10.0.0.92:6080/arcgis/rest/services/xinyu/MapServer/17"); //定義查詢參數對象 var query = new Query(); //查詢條件,類似於sql語句的where子句 query.where = "1 =1"; //返回的字段信息:*代表返回全部字段 query.outFields = ["*"]; //是否返回幾何形狀 query.returnGeometry = true; //執行屬性查詢 queryTask.execute(query, showQueryResult); }) //屬性查詢完成之後,用showQueryResult來處理返回的結果 function showQueryResult(queryResult) { } }); </script> </head> <body> <div id="mapDiv" class="MapClass"></div> <input type="button" value="屬性查詢" id="Btn"/> <div id="divShowResult"></div> </body> </html>

效果:

技術分享

ArcGIS JS之查詢一個圖層的全部信息