Vue Arcgis Query 研究

先说运行环境：Vite+Vue3   Arcgis js api 4.24

需求：有一个业务图层；用户要求根据自己选择的范围，获取范围内的对象。

如图：​​​​​​​

 

遇到的问题：

1. 使用query :找不到引用包；官网给出的是"esri/tasks/query"；而我是在rest中找到的：

import Query from '@arcgiscorerestsupportQuery';

2. 利用的是Featurelayer的queryFeatures方法： 

var lyr = new FeatureLayer({ url: fsUrl // points to a Feature Service layer url });

var query = new Query();

query.where = "STATE_NAME = 'Washington'";

query.outSpatialReference = { wkid: 102100 };

query.returnGeometry = true; query.outFields = [ "CITY_NAME" ]; lyr.queryFeatures(query).then(function(results){

console.log(results.features); // prints the array of features to the console

});

或者

var query = new Query();

query.where = "region = 'Southern California'";

lyr.queryFeatures(query).then(function(results){

console.log(results);

// an array of object IDs

});

发现的问题是：当对象点不超过100时，运行正常，当超过500时，直接报timeOut,而且检查浏览器网络中的query方法，返回的features比where条件和results的个数要多的多，不知道为啥。

总结:

最后实在没办法，我用了definitionExpression属性，在这个属性里面直接写sql条件。

当数据量过大时，用setTimeOut来加载一个loading，勉强达到用户需求了吧。

如果有哪位大佬知道Query为啥不成功，是引用的问题还是语法的问题呢，请不吝赐教