ArcGIS API For JS 笔记
关于ArcGIS API For JS 3.x和4.x学习笔记
hpugisers
每天进步一点点,美滋滋
展开
-
ArcGIS API For JS 实现右键菜单栏的功能
以前自己也做OpenLayer的右键菜单栏的功能,以前用的通过contextmenu事件,结合一个div,通过事件控制div的显示和隐藏。今天看的这个demo是通过arcgis api 实现的,右键菜单栏挺好用的,可以做一些快捷的操作,方便操作,是一个比较实用的功能。原创 2018-08-16 17:15:23 · 2953 阅读 · 3 评论 -
ArcGIS API For JS实现动态点扩散
在博客中分享的关于Openlayer实现点动态扩散,今天分享一下关于ArcGIS API实现点动态扩散的效果,主要还用canvas写,这中间用一个rasterLayer的扩展图层。先来看看效果: 一、完整demo代码:<!DOCTYPE html><html><head> <title>arcgis map fla...原创 2018-08-11 15:24:21 · 5842 阅读 · 9 评论 -
ArcGIS API For JS空间参考系的浅析
更新与2019年03月15日一、概述我们都知道点的意义在于坐标,没在不同的坐标系下我们的代表位置不同,坐标对于地图至关重要,缺少了坐标系地图毫无意义,我们都知道坐标一般分为地理坐标系和投影坐标系,地理坐标系用(lon, lat)表示,而投影坐标系用(x,y)表示,二者一个代表球面,一个代表平面,在arcgis中我们创建map容器时可以设置指定的坐标系,通过extent指定spatialRe...原创 2018-08-03 20:30:20 · 1310 阅读 · 0 评论 -
ArcGIS API ForJS 3.25开发总结(持续更新)
一、关于Graphic首先看张图:这是整个Graphic涉及的一些类,上图中的可以进行客户端点、线、面的表示。在服务器端的进行修改时applyEdits函数传入的也是graphic,drawToolbar绘图类也涉及到graphic,总而言之,graphic可以视为一个要素元素,感觉更应该称之为图形二、关于esriLang类的substitute(data, template?, ...原创 2018-07-25 17:09:57 · 1644 阅读 · 0 评论 -
浅谈关于Dojo在ArcGIS API For JS应用
说来我学习ArcGIS API也有快一年了,从刚开始的懵懂无知,到自认为还是有点自我看法,前一段时间有个学弟问我,为什么ArcGIS API For JS为什么会基于Dojo开发呢?给他解释了一通也不知道他理解了没有,所以在这里写一篇文章谈谈自己的看法。一、关于 gis api首先api是一款类库存在(组件式开发,可能这么不太合适),每个类中都有自己的方法,方法等,涉及到类,就涉及到继承,一个可能...原创 2018-07-14 18:23:54 · 1882 阅读 · 0 评论 -
ArcGIS API For JS之网络分析(临近设施分析)
ArcGIS 提供两种网络分析,即基于Geometric Network的有向网络或者设施网络和基于Network Dataset的无向网络,在这里网络的分析指后者,ArcGIS api支持网络分析中的最短路径分析、服务区分析、临近设施分析。本文主要讲的是临近设施分析,关于发布网络服务在这里就不在叙述了,三种分析发布相同,只是在后台ArcMap中处理方式有点区别。一、概述1、概念临近设施服务计算事...原创 2018-07-13 11:53:23 · 2337 阅读 · 2 评论 -
ArcGIS API For JS 之Symbol
Symbol定义如何在GraphicLayer上如何显示点、线、面、文本,符号定义了几何对象所有的非地理特征方面的外观,例如图形的颜色,边框线样式,api中有许多的符号类,每个类都只允许你使用唯一的方式去制定符号。每种符号都用于一种特定的类型。一、几何对应类型几何类型对应的符号类型符号点SimpleMarkerSymbol、PictureMarkSymbol线SimpleLineSymbol、Ca...原创 2018-07-09 15:05:25 · 3979 阅读 · 0 评论 -
ArcGIS API For JS之空间查询和属性查询
说实在真是无聊,虽然很想干一些东西但是悲哀的是没有平台,前几天看到一个关于GIS开发的文章,这一行真的很容易被人取代,知识更新太快了,GIS并不像其他前端开发,不太注重用户体验,因为大多都是政府部分的项目,但是如果不做GIS开发和计算机的比我们的优势又在哪,出路在何方,唉不说了,不说了,开车开车。一、概述查询分为属性查询和空间查询类属性查询:QueryTask,FindTask(只能属性。多个图层...原创 2018-07-07 10:59:09 · 13479 阅读 · 7 评论 -
ArcGIS API For JS 之服务器端要素的增删改(结合TemplatePicker控件)
本文结合的是要素图层的增删改,结合Draw、TemplatePicker控件、Edit工具,总体思路:加载点、线、面要素图层,为map注册layers-add-result控件,通过initEditing函数进行工具等初始化,通过evt参数获取所有的图层,并赋值给layers变量,声明Edit工具,并注册deactivate事件, 然后遍历layers中的每个图层对象注册点击事件和双击事件进行操作...原创 2018-07-05 11:32:39 · 2339 阅读 · 7 评论 -
ArcGIS API For JS 之Feature Layer对象个别参数介绍
一、FeatureLayer要素图层,该图层有几个比较常用的构造函数填充属性例如url、OutFields、mode你都知道他们啥意思么?功能是啥不,用了那么长时间。二、url这个大家肯定都知道这是设置FeatureLayer基地址。三、OutFields输出字段,一个特征可能有多个字段,一旦数据量非常巨大,要是把全部字段都加载出来,况且有些字段我们并不需要,这样会降低性能,这个属...原创 2018-07-03 17:03:51 · 2000 阅读 · 0 评论 -
ArcGIS API For JS 之render(符号渲染)
渲染器可以为特征图层或者图形图层定义一组符号(通俗就是为了图层需要表达的要素更为直观)ArcGIS API For JS中有五种不同的渲染器,SimpleRenderer、ClassBreaksRenderer、UniqueValueRenderer、DotDensityRenderer和TemporalRenderer五种,无论那种渲染都要创建渲染示例,定义渲染符号,最后将渲染器添加到图层。一、...原创 2018-07-03 16:14:36 · 6801 阅读 · 0 评论 -
对一些ArcGIS for JS的API的一些理解
1、esri/map map类是每个地图控件中必须引入的类,我们可以通过Map()对地图进行许多的操作,比如修改地图的坐标系、显示级别和初始显示范围等等。 Map有一个类型为GraphicsLayer的graphics属性。在没有创建新的GraphicsLayer的情况下我所画的graphic都是放在Map的graphics里面。由于map通常都是一个全局变量,因此我们能够在随时的获取...转载 2018-04-26 10:40:07 · 651 阅读 · 0 评论 -
arcgis api for js 加载百度地图
最近在研究加载第三方的地图,由于作者是小白昨天整花了一天的事件无法把网上给的东西加载出来,这里首先要了解Dojo前端框架,这款js框架是模块化编程,可以有点类似C#的类库,本文从https://blog.csdn.net/gisshixisheng/article/details/44494715学习很多,但是一直无法调试成功,最终调试成功进行过程详细的剖析。一、首先了解Dojo模块的定义(这里定...原创 2018-05-12 10:41:11 · 3669 阅读 · 4 评论 -
ArcGIS API for js 地图联动
1.开篇 这次我的模仿目标是天地图的地图联动。天地的地图联动不仅地图有联动,而且鼠标也有联动,我就照着这个目标进行山寨。2.准备 地图联动其实就是当一张的extent发生了变化,另一张图的extent也要同步变化,这样就可以两张图的范围同步了。同理,这样就可以扩展到N张图进行联动。所以这次的目标就是实现添加任意的地图都要可以联动。首先依然是先看一下官方文档。找到有用的方法或者事...转载 2018-05-13 21:23:21 · 1416 阅读 · 0 评论 -
关于ArcGIS Api for js 中function(evt)参数的认识
最近在研究function()中参数到底指的是什么东西?一般我们遇到function(evt),这里到底这个参数指的是什么东西下面我们看一段代代码:var dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/china/Ma...原创 2018-05-15 21:37:31 · 1705 阅读 · 0 评论 -
arcgis api for js 关于layers图层的理解
概述:Arcgis for Javasctipt中常见的layer有动态图层(ArcGISDynamicMapServiceLayer)、切片图层(ArcGISTiledMapServiceLayer)、特征图层(FeatureLayer)、图象图层(GraphicsLayer)、标注图层(LabelLayer)、wms图层(WMSLayer)和切片wms图层(WMTSLayer)等几种。本文结合...转载 2018-05-15 21:56:39 · 5861 阅读 · 0 评论 -
arcgis api for js 实现图层的控制
1、首先了解,什么叫图层的控制如图:上图中的复选框控制图层的显示与隐藏。2、实现原理: 通过加载ArcGISDynamicMapServiceLayer,给ArcGISDynamicMapServiceLayer绑定onLoad事件,然后获取ArcGISDynamicMapServiceLayer对象,通过layerInfos方法获取所有子图层,然后循环加载自定义复选框。3、完整代码:<!...原创 2018-05-17 18:11:03 · 7385 阅读 · 8 评论 -
arcgis api for js实现距离测量和面积测量(完整版本)
一、距离测量和面积测量是GIS必备的功能效果图如下:二、量算函数(核心) //量算函数 function mapClick(evt) { if(disFun){ inputPoints.push(evt.mapPoint); ...原创 2018-05-21 11:38:50 · 9622 阅读 · 4 评论 -
arcgis api for js出现xhrFailed错误
最近在引用天地图的时候,在写自定义的模块时在引用自己出现模块报出下图错误在最终找解决方法: <script type="text/javascript"> var dojoConfig = { async: true,//这个参数一定要设置,必须要设置true; parseOnLoad: tr...原创 2018-05-27 18:49:00 · 3291 阅读 · 1 评论 -
关于arcgis api for js 实现点聚合官方ClusterLayer.js的解释
直接看js代码参考https://blog.csdn.net/wpz0713/article/details/79298312define([ "dojo/_base/declare", "dojo/_base/array", "esri/Color", "dojo/_base/connect", "esri/geometry/SpatialReference"...转载 2018-05-27 20:30:45 · 5172 阅读 · 0 评论 -
arcgis api for js 加载天地图和实现点聚合效果(完整版)
一先了解切片服务的源头TiledMapServiceLayerTiledMapServiceLayer类是一切切片服务的源头,该类是一个抽象类,只能被子类来实例化,但是它却了方位切片服务所需要的方法,下面看看该类的属性和方法:主要属性 属性 说明 fullExtent 地图服务的范围 initExtent 地图服务的初始范围 spatialReference...原创 2018-06-27 16:40:17 · 5485 阅读 · 3 评论 -
arcgis for javascript 鼠标移到对象上面则置亮并弹出气泡
自定义提示框,通过给要素涂层添加鼠标事件,将信息弹出来。全部代码:<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewp原创 2018-06-09 21:13:13 · 2387 阅读 · 0 评论 -
ArcGIS API For JS 中设置图层显示的方法(ArcGISDynamicMapServiceLayer)setVisibleLayers(ids, doNotRefresh?)介绍
一、我们都知道所以图层都继承自layer图片,在layer图层并没有定义该方法,也就说该方法是子类自己定义的,并不是每个图层都有该方法,像CSVLayer图层有setVisibility(isVisible)方法与上面的方法效果是类似的二、参数介绍ids:指的(ArcGISDynamicMapServiceLayer)中所有子图层的Id,是一个数组类型,doNotRefresh:表示是否刷新,该参...原创 2018-06-13 21:04:20 · 2269 阅读 · 0 评论 -
ArcGIS API for js 实现点、线、面等图形的绘画
今天总算敲定实习的事,也不知道未来等待我的将是什么,但是我知道我既然选择了就要把它做好,选择就不要后悔,走下去====开车开车一、实现的思路首先声明一个GraphicLayer的图层,(该图层是客户端类型图层,与ArcGIS Server发布的图层没有任何联系,绘画的对象也在客户端完成)然后生命工具类 Draw,根据点选的不同进行绘画,然后将绘画的图形进行渲染即可。二、HTML布局 <...原创 2018-06-25 20:39:24 · 11789 阅读 · 0 评论