ArcGIS API for JS实现要素的查询与定位

最新推荐文章于 2024-07-07 10:08:32 发布
最新推荐文章于 2024-07-07 10:08:32 发布
阅读量1.2w 收藏 14
点赞数 1
分类专栏： ArcGIS GIS 文章标签： ArcGIS API for JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28418387/article/details/82823628
版权
本文介绍了如何使用ArcGIS API for JS进行多要素查询与定位，包括线查询与定位、点查询与定位的实现步骤。在定位部分，通过比较多个要素的extent来确定最佳视野。同时，讲解了如何将查询结果与FeatureTable关联，展示要素属性并支持点击定位。
摘要由CSDN通过智能技术生成

1、实现多要素查询与定位

a、线查询与定位

线要素主要是那些到路线，在查询下下拉选择某种道路类型，便可以获得该图层的layerid，将该ID值传递给要查询的URL，形成完整的查询URL，通过Query()和QueryTask实现查询过程，获取查询结果的features，循环遍历每个feature，添加Graphic样式，在图上高亮显示。

 

以上部分都比较容易，关键是定位。

之前实现过通过获取单个要素的extent可以定位到单个要素，那么多个要素的定位主要思路就是，获取查询到的每个feature的extent，比较每个extent，保留最大包围extent，具体代码如下：

再通过map.setExtent()方法就可以定位到所有查询要素了

 

b、点查询与定位

选择一些点地物，比如建制村，

最低0.47元/天 解锁文章
AI学渣
关注
专栏目录
创建类（点击获得位置信息）—ArcGIS API for JavaScript
GISXX
08-15 7617
不知道大家有没有这种体验，我们开始学web开发的时候，会把HTML、JavaScript、CSS代码都堆叠在一个HTML文件中，慢慢地，随着代码量的增多，不同的代码堆叠在一起显得很乱，我们开始把html、css、js独立到不同的文件中。随着JS代码的数量不断增长，JS文件的数量也一样，管理和引用js代码也变得复杂起来，而解决这种问题一个有效的方法就是采用“面向对象（OO）”模式。通过使用面向...
ArcGIS API for JavaScript中要素图层查询（地图外搜索点击查询）的方法总结
韦_恩的博客
07-10 6719
1.Arcgis API for JavaScript中常见的三种查询方式 在Arcgis API for JavaScript中常见的属性查询有三种方式：QueryTask，FindTask,IdentifyTask.【具体用法请参考官网示例】 QueryTask:只可在要素服务（featurelayer）或者某个地图服务（MapImageLayer）的某个子图层进行查询(如下图，你发布的地图服务必须要可以支持query才可以，发布服务如果为featurelayer其本身就支持，如果发布为MapI
ArcGis for js 查询定位、缩放致
ch_cyq的专栏
11-17 8137
queryTask = new esri.tasks.QueryTask("http://localhost:6080/arcgis/rest/services/test/MapServer/0"); query = new esri.tasks.Query(); query.returnGeometry = true; query.outFields = ["*"];
ArcGIS JavaScript 开发示例（一）
最新发布
龙哥盟
07-07 1169
Web 技术正在迅速变化，ArcGIS JavaScript API 也是如此。无论您的开发经验如何，ArcGIS 都提供了一种简单的方式来创建和管理地理空间应用程序。它为您提供了地图和可视化、分析、3D、数据管理以及对实时数据的支持。define方法定义了一个模块。一个模块可以有自己的私有变量和函数，只有被define函数返回的变量和函数才会被导入该模块的其他函数所暴露。define方法的一个示例如下：define方法中的第一个参数是模块名称或 ID。这是可选的。是我们模块的名称。
arcgis api for javascript 4.16 定位功能的实现
qq_43725946的博客
11-30 2416
一、定位功能，应用场景为自定义搜索框，可以用ajax搜索结果，然后单击定位。还有一种是下面说的，在element ui表格中，点击定位按钮，实现地图跳转定位。 二、代码部分。 // 定位功能 locator: async function (id) { loadModules(['esri/tasks/support/Query'], {css: false}).then(([Query]) => { const query = new Query() let where =
arcgis js api地图加载 与自身定位 鹰眼 homebutton
08-04
适合初学者学习 arcgis js api的开发学习
【ArcGIS JS 4.x】定位到特定要素
莫邪莫急的博客
10-02 975
使用MapView.goto(Extent)实现功能。 避坑： 1、要素Extent的空间参考需与MapView保持一致，比如MapView为WGS84，那么Extent也应为WGS84，而不能是CGCS2000； 2、在初始化地图阶段，如果没有baseLayer，强行指定MapView的Extent和坐标系，似乎是不能生效的。 ...
arcgis api for js 4.x点线面定位
ANNENBERG的博客
01-08 1418
根据唯一值查询到要定位查看的图斑，goTo实现定位。注意点和线面的区别 esriLoader.loadModules(["esri/tasks/support/Query","esri/Graphic"]) .then(([Query,Graphic])=>{ const query=new Query(); query.where= "GUID = '"+id +"'"; _this.map.layers.items[layerIndex].que.
arcgis for js 4.x定位控件Locate显示不了的问题
荣默默的博客
09-14 1166
开发者在本机可以显示定位控件，如果被部署到服务器，或者是你用手机去访问该地址，也许就会碰见定位按钮不显示的问题，这个原因是4.x的Locate控件对web服务器环境要求是安全的，必须是以https请求或者以localhost请求即可显示，如果是用http那就没法显示，这个可以详细去看api里的Locate的介绍。 var EWlocateWidget = new Locate({ view:
24.（arcgis api for js篇）arcgis api for js点修改点编辑（SketchViewModel）
07-06
该资源包的执行效果查看地址：...“GIS之家”专栏中的“24.（arcgis api for js篇）arcgis api for js点修改点编辑（SketchViewModel）”。如下载有问题，可联系博主。 解压密码：arcgis
arcgis for js 点聚合
08-08
arcgis for js 点聚合，官方api缺失文件。
arcgis js 3.x实现地图上的要素查询属性信息
01-08
1.直接上代码： html, body, #map { width: 100%; height: 100%; margin: 0; padding: 0; } .esriPopup .esriPopupWrapper { box-shadow: 0 0 0.75em #777777; -webkit-box-shadow: 0 0 0.75em #777777; bo
interactive-legend:使用4.x ArcGIS API for JavaScript构建的Interactive Legend可配置应用模板
04-28
将ArcGIS JSAPI更新为v4.16 删除了dojo声明和TS指令的用法 支持“即时应用”的新配置体验。 属性名称更新。 特征 从两种不同的过滤器模式中选择： 要素过滤器：属于所选图例元素标准的图层数据要素将显示在地图...
ArcGIS API for JavaScript v4.15下载（api + sdk开发包）
06-22
《ArcGIS API for JavaScript v4.15：深入探索与开发指南》 ArcGIS API for JavaScript v4.15是Esri公司推出的一款强大的地图开发工具，它允许开发者利用JavaScript语言构建交互式的地理信息系统（GIS）应用。这个...
arcgisJs之featureLayer中feature的获取
weixin_30856965的博客
09-11 660
arcgisJs之featureLayer中feature的获取 在featureLayer中source可以获取到一个Graphic数组，但是这个数组属于原数据数组。当使用applyEdits修改后，source不会受到影响。 若要获取修改后的数组，需要通过queryFeatures() 方法去做查询，获取最近数据集 代码示例： this.m...
arcgis api for js学习-查询点要素并缩放至该点的位置,使用setExtent实现
Zzzpiu的博客
12-27 1578
参考文章链接:<a href="https://blog.csdn.net/qq_28418387/article/details/82823628>https://blog.csdn.net/qq_28418387/article/details/82823628 需要注意的是文章中的点获取的是经纬度,我用的投影坐标,所以要是用getLontitude()方法来获取经度,使用getLatitude()方法来获取纬度,而不是一味的抄代码,文中使用的是xy来获取的,别人的坐标是地理坐标,强行使用的
ArcGIS API for JavaScript 4.x 教程（一） 显示一张地图
强者征服今天，懦夫哀叹昨天，懒汉坐等明天。
08-07 1429
了解如何创建和显示带有基本地图图层的地图。地图包含地理数据层。地图包含一个基本地图层，以及一个或多个数据层（可选）。可以使用地图视图显示地图的特定区域，并设置位置和缩放级别。本教程将向您展示如何使用地形底图层创建和显示加利福尼亚州圣莫尼卡山脉的地图。本教程中的地图和代码将用作其他二维教程的起点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值