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);
  });
}

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

相关内容

热门资讯

透视辅助(微扑克辅助器ios)... 一、简介了解软件请加微:136704302是一款在线扑克游戏平台,玩家可以在平台上进行多人在线扑克游...
wepoke确实有挂!we-p... wepoke确实有挂!we-poke有挂吗,(WpK)原本是真的有挂(详细辅助2025新版)准备好在...
透视规律(aa扑克辅助)aa扑... 1、透视规律(aa扑克辅助)aa扑克有外挂吗(详细辅助实用技巧)先前是真的有挂;代表性(透视辅助软件...
wepoke ai辅助!wpk... wepoke ai辅助!wpk微扑克模拟器,(德州aa扑克)一贯是真的有挂(详细辅助细节方法)1、完...
wepoke确实有挂!德州ai... wepoke确实有挂!德州ai智能辅助,(微扑克)切实是有挂(详细辅助黑科技教程);《WPK辅助透视...
透视挂透视(智星德州菠萝有挂吗... 透视挂透视(智星德州菠萝有挂吗)pokermaster有德州吗(详细辅助攻略方法)真是是有挂;辅助插...
wepower有外挂!德扑之星... wepower有外挂!德扑之星app发牌规律,(德州wpk)一向是有挂(详细辅助教你攻略);实战中需...
透视透视(智星德州菠萝有挂吗)... 透视透视(智星德州菠萝有挂吗)epoker外挂(详细辅助2025版教程)本来真的有挂1、用户打开应用...
wepoke辅助机器人!微扑克... wepoke辅助机器人!微扑克有保险吗,(WepokE)固有是真的有挂(详细透视德州论坛) 科技详细...
透视线上(德扑ai智能)微扑克... 透视线上(德扑ai智能)微扑克有没有辅助挂(详细辅助普及教程)本然真的是有挂辅助器中分为三种模型:软...