arcgis for js 3.x学习笔记
关注
分享
扫一扫
学习记录
blog12138
这个作者很懒，什么都没留下…
展开
-
arcgis api for js学习-查询点要素并缩放至该点的位置,使用setExtent实现
参考文章链接:<a href="https://blog.youkuaiyun.com/qq_28418387/article/details/82823628>https://blog.youkuaiyun.com/qq_28418387/article/details/82823628需要注意的是文章中的点获取的是经纬度,我用的投影坐标,所以要是用getLontitude()方法来获取经度,使用getLatitude()方法来获取纬度,而不是一味的抄代码,文中使用的是xy来获取的,别人的坐标是地理坐标,强行使用的转载 2020-12-27 14:42:26 · 1628 阅读 · 0 评论 -
arcgis api for js-查询结果的气泡窗口
需求:1.输入查询条件,查询到结果,将结果渲染,并缩放到查询结果的范围2.点击查询结果的要素,气泡窗口显示相应的信息页面:思路:方法一:FeatureLayer+infowindow:1.筛选Featurelayer(查询),并加载到页面(map.addlayer()方法)并渲染.2.给Featurelayer注册点击事件,点击FeatureLayer获取graphic,并设置infowindow弹框.方法二:query+InfoTemplate:1.设置query查询条件.2.执行Q原创 2020-12-09 16:19:43 · 802 阅读 · 0 评论 -
arcgis api for javascript学习-通过地图中已有的边界实现空间查询
主要思路,需要通过条件获取到边界(查询)中的geometry,通过query中的空间查询功能来实现,query中new出来的是需要查询的图层query.geometry和riverQuery.spatialRelationship和riverQuery.outSpatialReference用来设置空间查询的空间关系和空间参考.以此来实现一个地图中已有边界的空间查询<!DOCTYPE html><html lang="en"><head> <原创 2020-11-28 17:50:46 · 536 阅读 · 0 评论 -
arcgis api for javascript学习-使用FeatureLayer结合FeatureTable实现查询并能根据查询结果将视图缩放至结果的范围
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2020-11-28 17:44:08 · 1056 阅读 · 0 评论 -
arcgis api for javascript学习-时间滑块TimeSlider实现（影像服务）
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言时间滑块可以用来观察历史数据和当前数据的差异，由于本人的菜鸡操作，查阅了一些资料，才实现了将官方demo的矢量数据的时间滑块做成了影像数据的时间滑块。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas原创 2020-11-13 15:32:51 · 1810 阅读 · 0 评论 -
arcgis api for js出现Uncaught Error: xhrFailed错误
在arcgis api for js官方demo的Graphic中的Graphics with undo redo源代码中，下载到本地运行报错：Uncaught Error: xhrFailed在网上查找到此类错误，说是定义模块的参数有问题，需要必加参数 async: true在dojoConfig中，加过测试报新的错误，最后根据这篇文章的提示说的是定义模块有问题，我就找到自己写的dojo定义模块看了一下，发现是因为访问不到定义模块的js文件，所以定位到路径可能有问题，修改路径解决问题。修改之前：&l原创 2020-11-03 09:57:07 · 894 阅读 · 0 评论 -
arcgis api for javascript学习-geometry中的Circle
文章目录前言一、完整代码二、代码解释1.思路结果图总结前言geometry中有直接生成圆的一个api：Circle；这个和其它的点、线、面差不多。一、完整代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial原创 2020-11-02 16:31:40 · 1288 阅读 · 0 评论 -
arcgis api for javascript学习-画图形并标注信息
文章目录前言一、画Graphic二、给画的graphic绑定信息1.初始化infowindow2.显示infowindow3.保存infocontent4.完整代码：总结前言最近在博客中看见一个小demo，在实现draw的时候，添加了一个infowindow，可以在里面保存graphic的信息。一、画Graphic画graphic和前面这篇文章是一样的，请看这篇文章：arcgis api forJavaScript学习-Draw和graphic二、给画的graphic绑定信息1.初始化inf原创 2020-11-02 15:09:26 · 1127 阅读 · 0 评论 -
使用HTML5定位的经纬度来实现ArcGIS API for js 中的定位
使用HTML5的定位来实现ArcGIS API for js 中的定位原创 2020-11-02 09:55:40 · 2317 阅读 · 0 评论 -
arcgis api forJavaScript学习-Draw和graphic
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2020-10-27 14:57:28 · 1335 阅读 · 2 评论 -
arcgis api for JavaScript学习-Select with feature layer（官方demo）
Select（选择）文章目录Select（选择）前言一、使用selectFeatures实现1.1、添加点要素：1.2、设置缓冲区样式1.3、点击地图添加刷新graphic并添加地图执行查询并渲染结果1.4、全部代码：二、直接使用queryFeatures实现2.1、添加地图和点数据2.2、设置缓冲区样式2.3、点击地图添加缓冲区并执行查询2.4、执行查询的回调函数总结前言本文涉及到了选择要素FeatureLayer.selectFeatures和FeatureLayer.queryFeature原创 2020-10-26 11:23:48 · 641 阅读 · 0 评论 -
arcgis api for js学习-QueryStatistics
QueryStatistics文章目录QueryStatistics前言一、根据人口和面积字段计算人口密度二、创建统计对象StatisticDefinition三、设置参数Query四、执行查询并渲染结果全部代码：总结前言 QueryTask可以用于属性查询和空间查询，一次性只能查询一个图层，但是也可以对空间参考完全相同的一个地图中的图层各自建立查询任务进而实现查询多个图层。 &n原创 2020-10-23 16:19:56 · 941 阅读 · 0 评论 -
arcgis api for javascript学习-FeatureTable使用(属性详解)
showAttachments: true,//允许显示附件syncSelection: true,//启用从表到映射的选择zoomToSelection: true,//用户在表中选择的要素将缩放到地图对应的要素gridOptions: {//允许用户使用ctrl+A进行全选并徐选着里面的文本allowSelectAll: true,allowTextSelection: true, },editable: true,//可以编辑dateOptions: {//设置日期格式datePat.原创 2020-10-23 10:42:31 · 809 阅读 · 0 评论 -
esri Sample待解读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>Manage results from multiple queries</title> <link原创 2020-10-23 09:38:56 · 164 阅读 · 0 评论 -
arcgis api for js学习-底图切换BasemapToggle
底图切换BasemapToggle使用arcgis api提供的小部件实现底图切换使用步骤：1.创建小部件 2.启用小部件示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Basemap Toggle</title> <script type="text/javascript" src="原创 2020-10-22 15:44:59 · 1460 阅读 · 1 评论 -
arcgis api for js学习-QueryTask简化版
QueryTask简化版文章目录前言一、QueryTask、FindTask、IdentifyTask之间的区别二、QueryTask使用步骤1.创建QueryTask对象2.创建Query并设置参数3.执行查询4.渲染查询结果三、全部代码总结前言QueryTask用于查询，可以进行属性查询和空间查询，但是只能查询一个图层的数据。与之搭配使用的是Query，用于设置查询的参数。一、QueryTask、FindTask、IdentifyTask之间的区别FindTask：只能进行属性查询，可以原创 2020-10-22 15:26:30 · 588 阅读 · 0 评论 -
arcgis api for javascript学习-FeatureTable使用
FeatureTable文章目录前言一、FeatureTable介绍二、使用步骤1.创建FeatureLayer对象2.创建FeatureTable小部件对象3.启动小部件FeatureTable三、全部代码总结前言FeatureTable可以用于查看属性表，对属性表中显示的字段、以及字段显示的格式可以进行设置。效果正如同arcmap中的查看属性表类似提示：以下是本篇文章正文内容，案例来源于esri官网一、FeatureTable介绍  原创 2020-10-22 14:29:48 · 981 阅读 · 1 评论 -
arcgis api for JavaScript学习-查询FindTask
FindTask查询Findtask：用于属性查询，可以查询多个图层，不能进行空间查询思路：创建需要的对象FindTask、FindParameters、渲染符号SimpleLineSymbol等。设置查询参数FindParameters执行查询渲染查询结果示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>查原创 2020-10-22 11:16:01 · 677 阅读 · 0 评论 -
arcgis api for JavaScript学习-查询QueryTask
QueryTaskQueryTask：用于属性查询和空间查询，可以进行简单统计，只能查询一个图层。思路：创建需要的对象QueryTask、Query、渲染符号SimpleLineSymbol等。设置查询参数Query执行查询渲染查询结果示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>QueryTask之属性原创 2020-10-22 11:14:43 · 1207 阅读 · 0 评论 -
arcgis for js官方demo之FeatureTable - related records
提示：代码为arcgis api for js官方实例代码，涉及到的内容有FeatureLayer、FeatureTable、Popup文章目录前言一、官方示例代码二、分析总结前言在学习了arcgis api for js3.x的一些入门博客教程之后，感觉对arcgis api for js的内容还不够熟练以及深入，但是又找不到好的提高方式，此时硬着头皮选择不易读懂的官方demo来学习，目的是学习而已，里面的东西并不是理解透彻了，所以希望在阅读的读者能有自己的理解并加以讨论，也是我学习和提高方式。翻译 2020-10-22 11:09:51 · 340 阅读 · 0 评论 -
arcgis api for JS学习注意汇总：
在使用Measurement小部件的时候，需要添加一个集合服务GeometryService给地图参数esriConfig,代码如下：esriConfig.defaults.geometryService = new GeometryService("http://localhost:6080/arcgis/rest/services/Utilities/Geometry/GeometrySer...原创 2020-10-20 05:42:06 · 220 阅读 · 0 评论 -
arcgis api for JavaScript学习-lods理解
缘由 之前在看别人写的文章中的代码的时候发现加载地图的时候是通过加载切片，其中主要是设置用于加载切片地图服务的参数，参数中有全图范围fullExtent、初始范围extent、空间参考spatialReference、切片lods 示例 首先发布一个切片地图服务参考文章：Arcgis Server之发布切片地图服务 发布完成以后可以发现： 这里面的详细便是lods中的参数可以设置的内容如： ...原创 2020-10-14 22:01:52 · 851 阅读 · 0 评论 -
arcgis api for javaScript学习-图例2
前面提到的方式，直接添加了图例，图例是所有要素的图例，如果要添加每个要素的图例，需要使用FeatureLayer来创建地图Map： <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>legend</title> <style&g...原创 2020-10-12 09:11:17 · 540 阅读 · 0 评论 -
arcgis api for JavaScript学习-时间滑块
时间滑块 从arcgis10开始，esri提供了对时态感知图层的支持，该图层中存储了数据集随着时间变化的状态，可用于显示一段时间时间内数据中的模式和变化趋势，比如美国人口随时间的迁移，以及土地利用的变化情况等，而Arcgis api for js提供了时间滑块控件，用于在web端对事态感知图层提供支持。在使用时间滑块的时候需要了解一些名词，如：时间范围，以及时间停靠点等。 名词解释: 1.1时...原创 2020-10-08 15:30:16 · 658 阅读 · 0 评论 -
arcgis api for JavaScript学习-bookmarks(书签)
书签 书签空间用于管理用户创建的地图书签(BookMark.MapBookmark)提供新建书签、定位到书签和删除书签的功能。直白的说就是点击书签跳转到书签中定义的位置 书签的主要方法 属性 事件 示例： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> ...原创 2020-10-07 22:24:50 · 594 阅读 · 0 评论 -
arcgis api for JavaScript学习-Scalebar(比例尺)
Scalebar用于在地图上或者一个指定的HTML节点中显示地图的比例尺信息 Scalebar主要方法： 属性 3.示例： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>书签</title> ...原创 2020-10-07 16:10:11 · 3775 阅读 · 0 评论 -
arcgis api for JavaScript学习-小部件
常用控件(小部件) 开发的时候会和各种各样的小部件(我们在这里称为控件)打交道。ArcGis API for JS提供了很多来帮助我们快速开发的控件或者小部件，这些控件除了工具条之外，其余都位于esri.dijit中，而工具条位于esri.toolbars中，现对常用控件做下介绍。 鹰眼图 OverviewMap小部件常用于在其关联的主地图内较清楚的当前鸟瞰图的范围。当主地图范围变化时，鹰眼...原创 2020-10-07 16:00:04 · 563 阅读 · 0 评论 -
arcgis api for JavaScript学习-图例
Legend Legend控件用于动态显示全部或者部分图层的标签和符号信息，图例控件支持下面四种图层： ArcGISDynamicMapServiceLayer,ArcGISTiledMapServiceLayerFeature,KMLLayer 图例的主要方法 2.图例示例 <!DOCTYPE html><html lang="en"><head>...原创 2020-10-07 15:44:13 · 1793 阅读 · 2 评论 -
arcgis api for javascript学习-基本概念
地图Map是承载图层的容器，主要用于呈现地图服务、影像服务，此外还可以展示WMS(WEB Map Service)服务等，一个图层只有被添加到Map中才能被显示出来。 图层图层是承载服务的载体(GraphicsLayer除外)，ARCGIS for Server将GIS资源作为服务发布出来，要想在浏览器端看到这些服务，就必须将这些服务和图层的关联起来，不同的服务对应不同的图层类型，下表列出了这...原创 2020-10-07 12:17:48 · 483 阅读 · 0 评论 -
arcgis api for JavaScript学习-infoWindow（窗口）
InfoWindow InfoWindow控件是一个带有小尾巴的窗口，小尾巴指向一个位置或感兴趣的要要素，其本质就是一个HTML弹出框，InfoWindow进程包括Graphic的属性信息，如果Graphic定义了InfoTemplate，则点击Graphic显示InfoTemplate所定义的，每个地图仅有一个infoWindow，无构造函数。 主要方法 属性 事件 4...原创 2020-10-07 00:42:39 · 1589 阅读 · 0 评论