你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
输入关键字进行搜索
问题
文章
话题
登录
注册
ArcGIS API for JavaScript 4.2学习笔记[5] 官方API大章节概述与内容转译
ArcGIS API for JavaScript
内容如上,截图自ESRI官网,连接:ArcGIS API for JavaScript 4.2(可能会跳转到4.3或者更高最新版本,如果有需要,到CSDN可以下载到4.2的离线文档)
【Get Started】
类似于绪论一样的东西,抽取了最需要关注的几个例子。如:加载Map和View,加载layers,使用弹出窗口,视觉化,与使用窗口小部件。(wtf居然没有分析你想搞事情啊web除了展示难道不
ArcGIS API for JavaScript 4.2学习笔记[6] goTo()地图动画
ArcGIS API for JavaScript
这是个很有意思的例子,不过例子给的比较复杂,需要查很多API,我会在文章最后给出关键的类和属性解释。
同样发现一个很有意思的事儿:博客园似乎有爬虫,我4号发布的blogs,5号就在百度和google搜索页面上看到了转载或者复制。
这篇文章逻辑组织不太好,想知道怎么做缩放动画的可以直接拉到尾部看结论。
当然,这篇代码比较多,不建议手机看。
进入正题,goTo()动画,官方的例子是在SceneVie
ArcGIS API for JavaScript 4.2学习笔记[7] 鹰眼(缩略图的实现及异步处理、Promise、回调函数、监听的笔记)
ArcGIS API for JavaScript
文前说明:关于style就是页面的css暂时不做评论,因为官方给的例子的样式实在太简单了,照抄阅读即可。
这篇文章有着大量AJS 4.x版本添加的内容,如监听watch、Promise对象、回调函数、异步处理等内容,原理性的东西我会在文末解释,各位看官不用担心看不懂,我尽量用通俗的语言解释这些。
惯例,如果不习惯从头看到尾,可以直接跳到后面看总结。
大家应该看过商业地图的缩略图功能吧?以度娘地图为
ArcGIS API for JavaScript 4.2学习笔记[8] 2D与3D视图同步
ArcGIS API for JavaScript
同一份数据不同视图查看可能用的比较少,因为3D视图放大很多后就和2D地图差不多了,畸变很小,用于超大范围的地图显示时有用,很多时候都是在平面地图上进行分析、查询、操作。教学需要可能会对这个有要求?
本文没有深究两个比较复杂的函数,希望有朝一日能读懂吧,对于这种同一个Map对象不同视图的同步显示,建议直接copy后半截内容即可。
鹰眼功能和这个类似,不过鹰眼功能(即上一篇文章)是利用watch()
ArcGIS API for JavaScript 4.2学习笔记[9] 同一种视图不同数据(Map)同步
ArcGIS API for JavaScript
本例子核心:对MapView对象的map属性值进行替换即可达到更改地图数据的效果。
这个例子用的不是Map对象了,而是用的发布在服务器上的专题地图(WebMap)来加载到MapView上进行显示。
在html标签中,使用了section标签,不过没什么稀奇的,就把仨按钮放一块而已。
先给出预览图
三张专题地图:失踪人口密度分布、难民迁徙路线、2015年欧洲来港者。
这个东西很有用,尤其是在展示
ArcGIS API for JavaScript 4.2学习笔记[10] 2D添加指北针widget、视图保存、视图padding(第二章完结)
ArcGIS API for JavaScript
这几个例子是第二章除了入门之外比较简单的几个,就做个合集,把最核心的代码(第二参数)和 引用放上来即可,不作多解释。
2D地图添加指北针widget
2D地图一般修正方向为正北方就需要这个widget。
引用:[
"esri/Map",
"esri/views/MapView",
"esri/widgets/Compass",
"
ArcGIS API for JavaScript 4.2学习笔记[11] 官方第五章Popups(弹窗)概览与解释
ArcGIS API for JavaScript
直接跳过第三第四章了,第三章Layer和第四章可视化,怎么说呢,Layer是组织数据的,是Map的属性之一。可视化属于符号化编程,暂时不看。
第五章是对数据、结果的显示,类似于alert()、.NET的MessageBox,弹窗嘛。
官方的解释很清楚了,我翻译过来,再加上自己的一些理解。
Popup,是Accessor的 一个子类,它的实例是弹窗对象。像这样
是不是很熟悉?对,在老版本
ArcGIS API for JavaScript 4.2学习笔记[12] View的弹窗(Popup)
ArcGIS API for JavaScript
看本文前最好对第二章(Mapping and Views)中的Map和View类有理解。
视图类有一个属性是Popup类型的popup,查阅API知道这个就是视图的弹窗,每一个View的实例都有一个popup。
这个popup属性在View对象实例化的时候就实例化了的,即随着View的出生,它也会出生,它拥有默认的样子,它显示的文字也是默认的样式。
我们看看Popup这个类:
直接继承自Acce
ArcGIS API for JavaScript 4.2学习笔记[13] Layer的弹窗(PopupTemplate)
ArcGIS API for JavaScript
上一篇文章中讲到Popup是一个弹窗,是View对象的默认内置弹窗,并且在View对象构造时就顺便构造了。
那么这个PopupTemplate是什么呢?
后半截单词Template是“模板”的意思,我最初理解就是可以定制的弹窗。仔细阅读API ref后给出更为准确的定义:
PopupTemplate是一个针对Layer和Graphic的弹窗,它与Popup最大的不同的是作用对象不同(P
ArcGIS API for JavaScript 4.2学习笔记[14] 弹窗的位置、为弹窗添加元素
ArcGIS API for JavaScript
这一节我们来看看弹窗的位置和弹窗上能放什么。
先一句话总结:
位置:可以随便(点击时出现或者一直固定在某个位置),也可以指定位置
能放什么:四种,文字、媒体(图片等)、表格、附件。
【Part I 位置】
这一例子和下一个例子中,CDN的引用多了一行
<link rel="stylesheet" href="https://js.arcgis
ArcGIS API for JavaScript 4.2学习笔记[15] 弹窗内容的格式与自定义格式
ArcGIS API for JavaScript
先看结果截图吧(不看过程可以直接看总结,在文末):
随便点击了两个城市斑块,出现结果如图。
我来解读一下这结果和以前的有什么不同:
这个例子使用了PopupTemplate,数据是Layer(使用PortalID创建的Layer)。
但是我们看到图中有个地方不同:当Percent change is这个东西是负数的时候,就是红色+红色下箭头,反之则是绿色字+绿色上箭头。
实际上,这两个箭头是两个
ArcGIS API for JavaScript 4.2学习笔记[16] 弹窗自定义功能按钮及为要素自定义按钮(第五章完结)
ArcGIS API for JavaScript
这节对Popups这一章的最后两个例子进行介绍和解析。
第一个【Popup Actions】介绍了弹窗中如何自定义工具按钮(名为actions),以PopupTemplate+FeatureLayer的形式测量要素的长度为例子进行介绍。
第二个【Custom popup actions per feature】则是上一个的升级,如果说上一个例子的功能是写死的,那么这个例子就把这个功能写活了。什
<<
<
75
76
77
78
79
80
81
>
>>
如何在GIS知乎上写文章
易智瑞产品
GeoScene Desktop
GeoScene Enterprise
Portal for GeoScene
GeoScene Pro
CityEngine
GeoScene API for JavaScript
GeoScene Engine
GeoScene Runtime SDKs
GIS专题应用
安装许可
数据管理/编辑
制    图
空间分析/GP
三 维 GIS
影像技术
Python技术
服务管理/缓存
开发竞赛
技术公开课
产品白皮书
下    载
其    他