ArcGIS API for JavaScript 4.2学习笔记[20] 使用缓冲区结合Query对象进行地震点查询【重温异步操作思想】

大灰灰 发表了文章 • 0 个评论 • 1100 次浏览 • 2017-06-20 00:00 • 来自相关话题

这个例子相当复杂。我先简单说说这个例子是干啥的。
在UI上,提供了一个下拉框、两个滑动杆,以确定三个参数,使用这三个参数进行空间查询。这个例子就颇带空间查询的意思了。
第一个参数是油井类型,第二个参数是油井的缓冲半径,第三个参数是地震级别。
给定油井的类型,给定油井的缓冲半径(缓冲区分析生成),给定地震级别,就能在油井附近以这个缓冲半径为圆搜索出符合给定地震级别的地震点。
这个例子是干嘛的呢?

ArcGIS API for JavaScript 4.2学习笔记[19] 搜索小部件——使用更多数据源

大灰灰 发表了文章 • 0 个评论 • 1504 次浏览 • 2017-06-20 00:00 • 来自相关话题

上一篇中提到,空间搜索小部件是Search这个类的实例化,作为视图的ui属性添加进去后,视图就会出现搜索框了。
这节的主体代码和上篇几乎一致,区别就在上篇提及的sources属性。
先看看结果:


由于不太清楚要素图层里有什么东西,随便输了个字母匹配,结果如图,中央出现了一个图案并弹窗。
开始讲课!

给出引用require(
[
"esri/Map",

ArcGIS API for JavaScript 4.2学习笔记[15] 弹窗内容的格式与自定义格式

大灰灰 发表了文章 • 1 个评论 • 1825 次浏览 • 2017-06-20 00:00 • 来自相关话题

先看结果截图吧(不看过程可以直接看总结,在文末):

随便点击了两个城市斑块,出现结果如图。
我来解读一下这结果和以前的有什么不同:
这个例子使用了PopupTemplate,数据是Layer(使用PortalID创建的Layer)。
但是我们看到图中有个地方不同:当Percent change is这个东西是负数的时候,就是红色+红色下箭头,反之则是绿色字+绿色上箭头。
实际上,这两个箭头是两个

ArcGIS API for JavaScript 4.2学习笔记[12] View的弹窗(Popup)

大灰灰 发表了文章 • 0 个评论 • 2412 次浏览 • 2017-06-20 00:00 • 来自相关话题

看本文前最好对第二章(Mapping and Views)中的Map和View类有理解。
视图类有一个属性是Popup类型的popup,查阅API知道这个就是视图的弹窗,每一个View的实例都有一个popup。
这个popup属性在View对象实例化的时候就实例化了的,即随着View的出生,它也会出生,它拥有默认的样子,它显示的文字也是默认的样式。
我们看看Popup这个类:

直接继承自Acce

ArcGIS API for JavaScript 4.2学习笔记[10] 2D添加指北针widget、视图保存、视图padding(第二章完结)

大灰灰 发表了文章 • 0 个评论 • 1772 次浏览 • 2017-06-20 00:00 • 来自相关话题

这几个例子是第二章除了入门之外比较简单的几个,就做个合集,把最核心的代码(第二参数)和 引用放上来即可,不作多解释。
2D地图添加指北针widget
2D地图一般修正方向为正北方就需要这个widget。
引用:[
"esri/Map",
"esri/views/MapView",
"esri/widgets/Compass",
"

ArcGIS API for JavaScript 4.2学习笔记[9] 同一种视图不同数据(Map)同步

大灰灰 发表了文章 • 0 个评论 • 1158 次浏览 • 2017-06-20 00:00 • 来自相关话题

本例子核心:对MapView对象的map属性值进行替换即可达到更改地图数据的效果。

这个例子用的不是Map对象了,而是用的发布在服务器上的专题地图(WebMap)来加载到MapView上进行显示。
在html标签中,使用了section标签,不过没什么稀奇的,就把仨按钮放一块而已。
先给出预览图

三张专题地图:失踪人口密度分布、难民迁徙路线、2015年欧洲来港者。
这个东西很有用,尤其是在展示

ArcGIS API for JavaScript 4.2学习笔记[8] 2D与3D视图同步

大灰灰 发表了文章 • 2 个评论 • 1175 次浏览 • 2017-06-20 00:00 • 来自相关话题

同一份数据不同视图查看可能用的比较少,因为3D视图放大很多后就和2D地图差不多了,畸变很小,用于超大范围的地图显示时有用,很多时候都是在平面地图上进行分析、查询、操作。教学需要可能会对这个有要求?
本文没有深究两个比较复杂的函数,希望有朝一日能读懂吧,对于这种同一个Map对象不同视图的同步显示,建议直接copy后半截内容即可。

鹰眼功能和这个类似,不过鹰眼功能(即上一篇文章)是利用watch()

ArcGIS API for JavaScript 4.2学习笔记[7] 鹰眼(缩略图的实现及异步处理、Promise、回调函数、监听的笔记)

大灰灰 发表了文章 • 2 个评论 • 2010 次浏览 • 2017-06-20 00:00 • 来自相关话题

文前说明:关于style就是页面的css暂时不做评论,因为官方给的例子的样式实在太简单了,照抄阅读即可。
这篇文章有着大量AJS 4.x版本添加的内容,如监听watch、Promise对象、回调函数、异步处理等内容,原理性的东西我会在文末解释,各位看官不用担心看不懂,我尽量用通俗的语言解释这些。
惯例,如果不习惯从头看到尾,可以直接跳到后面看总结。
大家应该看过商业地图的缩略图功能吧?以度娘地图为

ArcGIS API for JavaScript 4.2学习笔记[6] goTo()地图动画

大灰灰 发表了文章 • 2 个评论 • 2114 次浏览 • 2017-06-20 00:00 • 来自相关话题

这是个很有意思的例子,不过例子给的比较复杂,需要查很多API,我会在文章最后给出关键的类和属性解释。
同样发现一个很有意思的事儿:博客园似乎有爬虫,我4号发布的blogs,5号就在百度和google搜索页面上看到了转载或者复制。
这篇文章逻辑组织不太好,想知道怎么做缩放动画的可以直接拉到尾部看结论。
当然,这篇代码比较多,不建议手机看。

进入正题,goTo()动画,官方的例子是在SceneVie

ArcGIS API for JavaScript 4.2学习笔记[4] 第二章其余感兴趣的例子

大灰灰 发表了文章 • 3 个评论 • 1137 次浏览 • 2017-06-20 00:00 • 来自相关话题

目录如下(点击即可超链接跳转):
视图存档
2D地图添加指南针
视图移动
鹰眼 【重要】
2D3D视图同步 【重要】
同视图不同数据同步 【重要】
文章来源:http://www.cnblogs.com/onsummer/p/6363914.html

ArcGIS API for JavaScript 4.2学习笔记[3] 官方第二章Mapping and Views概览与解释

大灰灰 发表了文章 • 1 个评论 • 1283 次浏览 • 2017-06-20 00:00 • 来自相关话题

目录如下:

连接:第二章 Mapping and Views
根据本人体会,
【这一章节主要是介绍地图(Map)和视图(View)的。】
其中,Get started with MapView(2D)和 Get started with SceneView(3D)两节介绍了如何加载ESRI服务器或者开源的地图和视图。这两节介绍了很重要的概念:Map和View,Map即地理数据,而View代表视

ArcGIS API for JavaScript 4.2学习笔记[1] 显示地图

大灰灰 发表了文章 • 0 个评论 • 2482 次浏览 • 2017-06-20 00:00 • 来自相关话题

ArcGIS API for JavaScript 4.2直接从官网的Sample中学习,API Reference也是从官网翻译理解过来,鉴于网上截稿前还没有人发布过4.2的学习笔记,我就试试吧。
什么是ArcGIS API for JS?这里就不多介绍了,最关键的一点是4.x版本与3.x版本的变化,按官方的意思是重新写了底层。
笔记中规定:
ArcGIS API for JavaScript