![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ArcGIS JS 开发实例
idomyway
这个作者很懒,什么都没留下…
展开
-
ArcGIS API for JavaScript实现地图常用工具条 距离测量,面积测量
距离测量,面积测量等工具条是常用的工具。也是GIS系统的基础功能效果图工具条样式:距离测量:面积测量:代码:require([ "esri/map", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/toolbars/navigation", "esri/原创 2017-08-31 14:33:28 · 8911 阅读 · 21 评论 -
ArcGIS API For JavaScript实现类台风运动路径与影响范围的显示
前言 利用ArcGIS JS API 做台风的动态逐步显示路径和graphic表示影响范围实现代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=原创 2018-03-30 20:39:21 · 2594 阅读 · 0 评论 -
ArcGIS API For JavaScript 实现鼠标移入graphic提醒功能
前言 实现鼠标移入graphic提醒功能,类似于Dom元素的title属性实现代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&qu原创 2018-03-31 11:39:30 · 5022 阅读 · 0 评论 -
ArcGIS API for JavaScript 加载百度地图
前言 有时我们在面对需要使用百度地图作为地图的场景,我们可以通过对百度地图,百度卫星图,百度标注图层进行加载通过在网上查阅,得到了比较合适的坐标转换加载百度地图 BDVecLayer.jsdefine(["dojo/_base/declare", "esri/layers/TiledMapS...原创 2018-03-27 19:50:01 · 8139 阅读 · 2 评论 -
ArcGIS API For JavaScript ECharts 图表统计图
GitHub的偶然碰见的资源,是使用ECharts2.x版本集成的 https://github.com/guzhongren/ChartOnMap 我在其封装模块的基础上使用ECharts3.x版本,并改进可随地图的放大缩小设置统计图大小,链接 https://download.csdn.net/download/idomyway/10346317 在封装了承载ECharts图原创 2018-04-13 19:06:49 · 5544 阅读 · 4 评论 -
ArcGIS API For JavaScript 双地图联动
前言: 有时我们会进行矢量地图和影像地图的互操作,需要进行地图之间的联动。思路: 使用ArcGIS API for JavaScript,可以很方便的实现地图联动。最简单的方式是借助Map对象的extent-change 事件,当然,也可以借助zoom-end、pan-end、mouse-drag-end等事件。代码实现<!DOCTYPE html><html><head>原创 2018-04-13 19:11:42 · 1202 阅读 · 0 评论 -
ArcGIS API for JavaScript 实现图层控制树
前言 控制服务中的图层显隐思路 通过MapServiceLayer的setVisibleLayers()方法设置显示的图层的显示代码实现<!DOCTYPE html><html><head> <meta http-equi原创 2018-04-13 19:19:26 · 3567 阅读 · 4 评论 -
ArcGIS API for JavaScript 实现密度热力图
前言&nbsp;&nbsp;&nbsp;&nbsp; 通过热力图表达地图上存在的点的密度。实现如下图效果: 思路我们可以通过GP服务实现。我们可以通过开源HeatMap.js实现实现过程:&nbsp;&nbsp;&nbsp;&nbsp; 这是github上一个开源的实现。不过他是基于3.10版本实现的,代码已经不适合当前ArcGIS API fo原创 2018-07-09 19:18:28 · 4013 阅读 · 1 评论 -
ArcGIS API for JavaScript 实现graphicsLayer弹窗
需求 需要在graphicsLayer中实现点击图标,出现弹窗显示图标的详情信息。实现效果开发思路获取图层中的要素对获取的要素进行graphic化(设置图标、属性)并添加到graphicsLayer中给graphicsLayer添加弹窗实现代码<!DOCTYPE html><html lang="en">...原创 2018-12-04 20:16:54 · 6083 阅读 · 3 评论 -
ArcGIS API for JavaScript 加载水经注离线地图
前言 我们平时使用ArcGIS API加载地图服务时,一般使用的是ArcGIS Server发布的服务,在不利用开源Server的情况下,我们需要进行花一笔不小的费用来购买第三方Server,在项目较小,用不到Server深入的分析功能的时候,我们可以使用IIS或者Tomcat作为切片地图的服务器,通过扩展ArcGIS API的TiledMapSer...原创 2018-12-25 18:01:16 · 2175 阅读 · 3 评论 -
ArcGIS API for JavaScript 加载高德地图
前言 加载高德作为底图切片线划图层gaodeLayer.jsdefine(["dojo/_base/declare", "esri/geometry/Extent", "esri/SpatialReference", "esri/geometry/Point", "esri/layers/TileInfo", "esri/layers/TiledMapS原创 2018-03-30 20:34:23 · 4489 阅读 · 1 评论 -
ArcGIS API for JavaScript 加载天地图
前言 加载天地图作为底图切片线划图层TDMapLayer.jsdefine(["dojo/_base/declare", "esri/layers/TiledMapServiceLayer", "esri/geometry/Extent", "esri/SpatialReferen...原创 2018-03-30 20:26:30 · 3624 阅读 · 1 评论 -
在webStorm中配置ArcGIS API forJavaScript智能提示
前言在ArcGIS API for JavaScript开发中,webStorm是前端开发的利器,在实际的开发过程中我们特别需要代码的智能提示功能,这样可以大大的加快我们软件开发的速度。下面介绍在webstorm中API的智能提醒功能。准备工作webStorm软件 智能提示下载地址 配置过程代码插件原本是esri为vs开发代码提示的,当然这不影响在webStorm上的...原创 2017-08-19 23:35:06 · 3059 阅读 · 0 评论 -
ArcGIS API for JavaScript 通过identifyTask实现画线批量选择要素
需求在浏览器界面中,点击地图中的某个要素,使其高亮显示思路先利用identifyTask根据自己画的要素实现图层查询,将选中的要素以自己实例化的符号显示出来效果截图Js代码 var map, identifyTask, identifyParams; var pointSym, lineSym, polygonSym; var layer2results, la原创 2018-01-17 18:57:08 · 869 阅读 · 0 评论 -
ArcGIS API for JavaScript实现动态拖拽画圆
需求需要动态的在web端选取不同范围的圆形区域效果图代码:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, u原创 2017-11-27 20:07:34 · 2561 阅读 · 0 评论 -
ArcGIS API for JavaScript 通过identifyTask实现点击选择要素
需求在浏览器中,自己选择区域,只保留与选中区域的要素思路对于这个需求,目前有两个思路: 1.利用GP服务操作 2.先利用identifyTask进行对选中区域进行查询,再把查询到的元素加载到地图上现在是采用第二种方法效果截图截取前 截取中 截取后 实现代码&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &am原创 2017-11-12 20:08:21 · 3414 阅读 · 0 评论 -
ArcGIS API for JavaScript 通过identifyTask实现按区域选取截图
需求在浏览器中,自己选择区域,只保留与选中区域的要素思路对于这个需求,目前有两个思路: 1.利用GP服务操作 2.先利用identifyTask进行对选中区域进行查询,再把查询到的元素加载到地图上现在是采用第二种方法效果截图截取前 截取中 截取后 实现代码<!DOCTYPE html><html><head> <meta charset="utf-8">原创 2017-11-12 19:50:49 · 942 阅读 · 0 评论 -
ArcGIS API for JavaScript 实现point multipoint line polyline cirle等graphics的绘制
需求在网页中画graphics是webGIS的基础操作,也是一些webGIS操作的基础。画graphics一般是用到的是esri/toolbars/draw 实现的,通过对官网的实例改进。效果截图源代码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8原创 2017-10-13 17:20:26 · 3018 阅读 · 0 评论 -
ArcGIS API for JavaScript实现坐标定位
坐标定位是gis系统中常用的功能 效果图 实现代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0px; padding: 0px;原创 2017-08-31 23:13:59 · 7778 阅读 · 3 评论 -
ArcGIS API forJavaScript实现鹰眼功能
实现代码: // 鹰眼 var overviewMapDijit = new OverviewMap({ map: map, // 必要的 visible: true, // 初始化可见,默认为false attachTo: "bottom-right", // 默认右上角 width: 310, // 默认值是地图高度的 1/4th height: 150, //原创 2017-08-31 08:44:07 · 4092 阅读 · 0 评论 -
ArcGIS API For JavaScript本地部署
需求再使用ArcGIS API For JavaScript时,在不考虑翻墙的情况下,加载API的速度是非常慢的,在本机上配置ArcGIS API For JavaScript可以加快API的调用,提高开发下效率。 在本地不部署ArcGIS API For JavaScript最常见的有两种方法。一个是配置在IIS上,另一种是配置在tomcat中,两种方式基本一样,只是用到的服务器不一样关键步骤1原创 2017-11-27 20:49:24 · 3598 阅读 · 5 评论 -
ArcGIS API for JavaScript 多(单)个标注(Graphic)居中闪烁
前言 在现实需求当中,当视屏地图界面加载多个graphic,需要对数据表中的数据进行定位时,无法区分graphic,这是我们需要通过图标的闪烁。思路创建对象数据,用来存储当前视图的所有的graphic,并通过id作为唯一标识通过点击事件获取id标识,并与存储id的比较,通过setInterval获取graphic控制显隐实现效果实现代...原创 2019-01-14 19:15:56 · 4805 阅读 · 0 评论