ArcGIS JavaScript API 过滤功能与查询功能的结合
创始人
2024-09-12 03:30:36
0

要实现ArcGIS JavaScript API中过滤功能与查询功能的结合,可以按照以下步骤进行:

  1. 创建地图并加载图层:
require([
  "esri/Map",
  "esri/views/MapView",
  "esri/layers/FeatureLayer"
], function(Map, MapView, FeatureLayer) {
  var map = new Map({
    basemap: "streets"
  });

  var view = new MapView({
    container: "viewDiv",
    map: map,
    center: [-118.805, 34.027],
    zoom: 13
  });

  var featureLayer = new FeatureLayer({
    url: "https://services.arcgis.com/"
  });

  map.add(featureLayer);
});
  1. 创建查询表单和过滤表单,以及相关的HTML元素:

过滤表单



查询表单



  1. 添加事件监听器来执行过滤和查询操作:
document.getElementById("filterButton").addEventListener("click", filterFeatures);

function filterFeatures() {
  var filterField = document.getElementById("filterField").value;
  var filterValue = document.getElementById("filterValue").value;

  featureLayer.definitionExpression = filterField + " = '" + filterValue + "'";
}

document.getElementById("queryButton").addEventListener("click", queryFeatures);

function queryFeatures() {
  var queryField = document.getElementById("queryField").value;
  var queryValue = document.getElementById("queryValue").value;

  var query = featureLayer.createQuery();
  query.where = queryField + " = '" + queryValue + "'";

  featureLayer.queryFeatures(query).then(function(response) {
    // 处理查询结果
    console.log(response.features);
  });
}

以上代码示例演示了如何通过过滤表单和查询表单来执行过滤和查询操作。你可以根据自己的需求修改字段和元素的名称以及其他相关代码,以适应你的应用程序。

相关内容

热门资讯

开挂辅助平台"wep... 开挂辅助平台"wepoker手机版辅助"开挂(透视)辅助插件(有挂分享)1、下载安装好wepoker...
开挂辅助脚本"德州局... 开挂辅助脚本"德州局透视脚本"开挂(透视)辅助脚本(有挂功能)《详细加薇136704302咨询》游戏...
开挂辅助下载"德普之... 开挂辅助下载"德普之星透视辅助插件"开挂(透视)辅助安装(有挂教学)您好:德普之星透视辅助插件这款游...
开挂辅助下载"wep... 开挂辅助下载"wepokerplus万能挂"开挂(透视)辅助安装(有挂头条);无需打开直接搜索薇:1...
开挂辅助软件"来玩a... 开挂辅助软件"来玩app破解版"开挂(透视)辅助插件(有挂攻略);无需打开直接搜索薇:1367043...
开挂辅助安装"aap... 开挂辅助安装"aapoker俱乐部靠谱吗"开挂(透视)辅助神器(有挂分析) 了解更多开挂安装加(13...
开挂辅助平台"wpk... >>您好:wpk控制牌是真的吗确实是有挂的,很多玩家在这款wpk控制牌是真的吗游戏中打牌都会发现很多...
开挂辅助工具"拱趴大... 开挂辅助工具"拱趴大菠萝有什么挂"开挂(透视)辅助软件(有挂教学) >>您好:软件加薇1367043...
开挂辅助脚本"pok... 开挂辅助脚本"pokemmo免费脚本"开挂(透视)辅助安装(确实有挂);无需打开直接搜索薇:1367...
开挂辅助插件"wep... wepoker游戏的安装教程是一款专注玩家量身打造的游戏记牌类型软件,在wepoker游戏的安装教程...