ArcGIS API for JS
文章平均质量分 78
唐娜玛丽
敬事礼人
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
通过ArcGIS JavaScript API创建 标准地理编码和反向地理编码
描述反向地理编码确定地图上给出点的地址。本例展示了如何通过ArcGIS JavaScript API做反向地理编码。反向地理编码和常规的地理编码请求都使用Locator类和ArcGIS Server geocode service。 调用 locationToAddress方法(和常规的地理编码相反addressToLocations)进行反向地理编码。下面的监听器捕获鼠标原创 2017-10-19 14:45:54 · 1867 阅读 · 0 评论 -
【ArcGis for javascript从零开始】之一ArcGIS API for Javascript library 3.9安装说明
下面的说明假定你已经安装了 the ArcGIS JavaScript API library在下面的ISS Web服务器上的路径, "http:///arcgis_js_api/library/3.9/",其中的是你的Web服务器的域名。把文件复制到你的web服务器后,你需要编辑几个文件,把你想要运行的服务器及路径包含进来。部署linux的指示,点击……(省略,我暂时用不上^_^)把原创 2017-01-16 19:42:20 · 2049 阅读 · 0 评论 -
arcgis api for js入门开发系列十 自定义Navigation控件样式风格(含源代码)
arcgis api for js默认的Navigation控件样式风格如下图: 这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢;自己自定义一个NavigationControl控件类,最终实现的效果如下图:思路如下:其实就是在网上参照天地图或者谷歌地图的Navigation风格样式,下载它们的图片模版,然后自己创建d原创 2017-01-16 18:45:42 · 3431 阅读 · 0 评论 -
arcgis api for js入门开发系列九 自写算法实现地图量算工具(含源代码)
众所周知,使用arcgis api for js实现地图的量算工具功能,无非是调用arcgisserver的Geometry服务(http://localhost:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer)提供的Areas and Lengths以及Lengths,如图:但是我这里提供另一种实现的思路,就是自己写原创 2017-01-16 18:44:46 · 1363 阅读 · 1 评论 -
arcgis api for js入门开发系列七图层控制(含源代码)
上一篇实现了demo的地图分屏对比模块,本篇新增图层控制模块,截图如下(源代码见文章底部): 图层控制模块实现的思路如下:1.在地图配置文件map.config.js里面配置图层目录树节点信息,作为主界面图层控制的数据源:/*图层目录构造*/MapConfig.zNodes = [ { id: 1, pId: 0, name: "图层目录", checked:原创 2017-01-16 18:41:39 · 1797 阅读 · 0 评论 -
arcgis api for js入门开发系列八聚合效果(含源代码)
上一篇实现了demo的图层控制模块,本篇新增聚合效果,截图如下(源代码见文章底部):聚合效果实现的思路如下:1.map.html引用聚合包,项目已经包含进来了的聚合文件夹: //配置arcgis拓展解析天地图服务类引用的路径 dojoConfig = { parseOnLoad: true,原创 2017-01-16 18:43:07 · 1693 阅读 · 0 评论 -
arcgis api for js入门开发系列四地图查询(含源代码)
上一篇实现了demo的地图工具栏,本篇新增地图查询功能,包括属性查询和空间查询两大块,截图如下:属性查询效果图:空间查询效果图: 谈核心代码实现之前,我大概的讲一讲arcgis for js的地图查询方式,一般来说,总共有三种查询方式:FindTask、IdentifyTask、QueryTask(1)FindTask查询模式:基于关键字来模糊查询地图图层,属于文本原创 2017-01-16 18:36:50 · 1886 阅读 · 0 评论 -
arcgis api for js入门开发系列五地图态势标绘(含源代码)
上一篇实现了demo的地图查询功能,本篇新增地图态势标绘模块,截图如下: 本篇核心的在于调用API的Draw工具:https://developers.arcgis.com/javascript/3/jsapi/draw-amd.htmlrequire(["esri/toolbars/draw"], function(Draw) { /* code goes here */原创 2017-01-16 18:38:25 · 4385 阅读 · 2 评论 -
arcgis api for js入门开发系列三地图工具栏(含源代码)
上一篇实现了demo的地图加载展示,在上篇实现的基础上,新增了地图工具栏以及通用地图控件功能,比如地图框选缩放、地图漫游、清空、量算工具、地图导航控件、地图比例尺控件、地图鹰眼图等等,总共分为5个部分,截图如下: 1.工具栏,在map.html页面引入工具栏实现需要的js文件 script type="text/javascript"原创 2017-01-16 18:34:58 · 4557 阅读 · 4 评论 -
arcgis api for js入门开发系列二不同地图服务展示(含源代码)
上一篇介绍了arcgis api离线部署,这篇开始正式介绍arcgis api for js开发;想要学习webgis开发,首先得熟悉了解前端技术,比如界面布局设计的html+css,核心的是javascript(js),arcgis api就是js写的,就是说想要开发gis功能前提下,你得熟悉了解js,不然你连源代码都看不懂。在这里,推荐esri官网的arcgis api for js:http原创 2017-01-16 18:33:40 · 2088 阅读 · 0 评论 -
arcgis api for js入门开发系列一arcgis api离线部署
在我的GIS之家QQ群里,很多都是arcgis api for js开发的新手,他们一般都是GIS专业的学生,或者从计算机专业刚刚转向来的giser,他们难免会遇到各种webgis开发的简单问题,由于白天工作忙碌的原因,没有来得及回答他们的提出的问题,所以利用空余时间来写一系列简单的入门arcgis api for js开发教程,仅供初学者giser学习使用,其中写的不足之处,欢迎批评指正,大家一原创 2017-01-16 18:32:10 · 2033 阅读 · 0 评论 -
最新Arcgis API for JS 展示WebGIS实际生产生活应用案例
最经典的案例:约翰•斯诺治理霍乱 1854年,英国首都伦敦爆发了一次霍乱,从8月至9月初,每天死于霍乱者都在50人以上。关于霍乱爆发的原因,两种猜测,一种说法是图中绿色矩形范围 内的公墓里的病菌散布到空气中致使大家得病,另一种是以约翰·斯诺(John Snow)医生为代表,认为黑色方块代表的水井里面水源导致疾病的蔓延。约翰•斯诺利用绘有这个地区所有道路、房屋、饮用水机井原创 2017-03-07 14:37:55 · 9526 阅读 · 2 评论 -
ArcGIS API for JavaScript 4.5安装配置及测试
Windows:托管API在Windows上安装ArcGIS API for JavaScript库以下说明假定您将ArcGIS JavaScript API库安装在用于Windows®Server的Internet信息服务(IIS)的以下位置,https://fqdn.tld/arcgis_js_api/library/4.5/其中fqdn.tld是您的网站的完全限定的域名和顶级原创 2017-11-17 15:47:29 · 4804 阅读 · 2 评论 -
【ArcGis for javascript从零开始】之二 ArcGis加载天地图
最近做项目需要用到ArcGis来进行数据展示和数据分析。以前从来没有接触过与Gis有关的东西,一切需要从头开始学。没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录。ArcGis在网上没有找到中文的API,只有官网的英文API和Demo,而且用到了大量dojo的API,dojo也没有接触过,这方面也是需要学习的……一、ArcGis加载引入css 和js原创 2017-01-16 19:44:12 · 3793 阅读 · 0 评论 -
ArcGIS API for JS 之创建地图
Simple Map html, body, #map { height: 100%; margin: 0; padding: 0; } var map; //dojo代码段,需要调用的模块在这里请求 require(["原创 2017-02-12 22:31:09 · 1341 阅读 · 0 评论 -
ArcGIS API for JS 添加地图控件
Overview Map html, body { height: 97%; width: 98%; margin: 1%; padding: 0; } #rightPane { width:20%; } #legendPane { border:s原创 2017-02-12 22:35:08 · 5188 阅读 · 0 评论 -
arcgis api for js入门开发系列二十一 用HTML5 canvas绘制地图 瓦片加载平移缩放
终于开始可以写代码了,手都开始痒了。这里的代码仅仅是在chrome检测过,我可以肯定的是IE10以下浏览器是行不通,我一直在考虑,是不是使用IE禁止看我的篇博客,就是这群使用IE的人,给我加了很多工作量。 一个地图的基本动作,无非就是加载数据,平移,放大与缩小。这篇博客主要是通过一张图片的方式来模拟一下。 我这里认为大家都稍微了解甚至熟悉canvas的一些API,就不具原创 2017-03-03 02:58:48 · 3884 阅读 · 0 评论 -
arcgis api for js入门开发系列二十 用HTML5 canvas绘制地图 瓦片以及如何计算
上一篇也说到瓦片,我们为什么使用瓦片?这一篇主要是关于如何拼接地图? 下面的一张图,可以一眼明了,地图是如何切割以及拼接的。瓦片信息 瓦片信息包括切图原点,瓦片大小,格式,分辨率以及分辨率级别等。 切图原点,一般是整个坐标系的最左上角,比如说,web墨卡托是[-20037508.3427892,原创 2017-03-03 02:56:17 · 2363 阅读 · 0 评论 -
arcgis api for js入门开发系列十九 用HTML5 canvas绘制地图
之前一直想使用HTML5技术全新做一套地图API,可是苦于时间和精力,迟迟未有行动。后来下定决心,利用下班和周末做出一个大体框架出来,现在和网友分享一下自己的整体的一个思路和想法。欢迎大家提出宝贵建议,希望把这套API做的更好,有人真正利用起来。DEMO访问地址, 猛击这里。数据 我们看到的电子地图是多个图层叠加之后的效果,每一个图原创 2017-03-03 02:52:49 · 4958 阅读 · 0 评论 -
arcgis api for js入门开发系列十八 GP服务五 JavaScript API调用GP服务
使用前的了解 这是上一个博客留下的最后一张图,GP的服务目录,我们通过点击Tasks下面的一个链接地址进入。这个地址,需要记住,这将是GP服务的地址,需要写在代码里面的。 帮助说明,这个是在发布服务的时候,手动输入的。也就是说,如果我们想要别人来使用我们的工具,发布服务的时候,尽量让这个帮助写的清楚一些,现在很多懒人都不愿意写。原创 2017-03-03 02:48:58 · 2234 阅读 · 0 评论 -
arcgis api for js入门开发系列十七 GP服务四GP服务发布
所有的数据与环境都配置好以后,我们就需要发布GP服务了。对于ArcGIS 10.1,发布GP服务方式改变了,得需要ArcMap帮助。我们可以先将这个服务打包定义,然后发给别人,使用Sever发布,也可以直接使用Server发布。 不论怎么样,都需要预先在ArcMap跑一遍。 菜单栏Geoprocessing-Results查看结果。原创 2017-03-03 02:38:50 · 834 阅读 · 0 评论 -
arcgis api for js入门开发系列十六 GP服务三发布前的准备
这里的准备分为两部分,分别是数据整理和环境设置。数据整理 上面我们使用到全国主要城市图,新建的Feature Class,中间和最后生成的等等数据,我们最好数据整理一下。 上图是我们常见的一个数据结构图。 ToolData在这里面,我们可以放置我们的底图Geodatabase和Schema Geodataba原创 2017-03-03 02:36:18 · 544 阅读 · 0 评论 -
arcgis api for js入门开发系列十五 GP服务二手工建模
建模,是我们发布GP服务的第一步,这是基础功。我们为什么要建模呢? 对于现实的GIS业务来说,基本上都有相应的流程和规范,具体怎么做,都得按照步骤来。步骤少还好说,要是步骤多了,不仅效率低下,而且还容易出现工作错误,每一步都会产生中间文件。例如我们的天气预报,将收集各个气象站站点定位到地图上,然后剪出中国的版图来,再然后进行克里金差值等等,一些步骤以后,就可以得到相应的温度线或者降雨线。原创 2017-03-03 02:32:11 · 790 阅读 · 0 评论 -
arcgis api for js入门开发系列十四 GP服务一框架介绍
对于很多初学者来说,GP服务是一个难点,也是一个重点。GP的全称是Geoprocessing,可以对原有的功能进行扩充,可以说只要在桌面实现的事情,在Server都可以做到。我们首先看一下,Geoprocessing框架,我们主要是通过这些框架来进行Geoprocessing处理的。我这里使用的是ArcGIS 10.1 sp1版本。第一个,ArcToolBox,这里是系统自带的工具原创 2017-03-03 02:27:50 · 734 阅读 · 0 评论 -
arcgis api for js入门开发系列十三 通过Ajax的调用执行GP服务 (含源代码)
概述:在上一篇文章(Arcgis for js之GP实现缓冲区计算)介绍了Arcgis for js实现缓冲区计算,但是很多时候,我们不会用Arcgis的东西却想调用GP来实现对应的功能,怎么做呢,没错,本文将讲述如何通过ajax的方式去执行GP并返回结果。思路:按下F12打开谷歌的调试工具,切换到网络,再执行,可以看到GP执行时请求的url,如下:原创 2017-03-03 02:25:51 · 1929 阅读 · 0 评论 -
arcgis api for js入门开发系列十二 GP服务 实现缓冲区及运算分析(含源代码)
概述:GP服务的存在使得在Web端使用ArcGIS 提供的空间分析,而这些分析的能力是和桌面中的一样的。因此,是Arcgis for js的一个重点,也是一个难点。因此,在本文讲述如何发布并在代码中调用GP服务,实现缓冲区的分析计算。简介:框架介绍参考文章:http://www.cnblogs.com/HPhone/archive/2012/11/05/2755原创 2017-03-03 02:20:23 · 2608 阅读 · 1 评论 -
arcgis api for js入门开发系列十一 量算工具模块(含源代码)
众所周知,使用arcgis api for js实现地图的量算工具功能,无非是调用arcgisserver的Geometry服务(http://localhost:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer)提供的Areas and Lengths以及Lengths,如图:但是我这里提供另一种实现的思路,就原创 2017-02-19 08:03:17 · 1794 阅读 · 1 评论 -
ArcGIS API for JavaScript 具体有哪些版本Version?
当我们登录esri官网下载api地址:https://developers.arcgis.com/downloads/,其中你可以通过Version选择其他版本,API是开发包,Documentation是帮助文档,我们这里只需要API就行了 .那么有哪些版本呢?3.0~3.1~3.2。。。。。~3.9~3.10~3.11~3.12。。。。。~3.19~4.0~4.1~4.原创 2017-02-12 23:54:34 · 4342 阅读 · 2 评论 -
ArcGIS API for JS 添加图层列表控件
Layer List Dijit html, body, .container, #map { height:100%; width:100%; margin:0; padding:0; font-family:"原创 2017-02-12 22:44:14 · 5613 阅读 · 2 评论 -
ArcGIS10.5中自定义的坐标系转换存放路径在哪?
C:\Users\wa\AppData\Roaming\ESRI\Desktop10.5\ArcToolbox\CustomTransformations\XXX.gtf(如CGCS2000_To_WGS84.gtf/WGS84_To_BJ54/WGS84_To_XIAN80...)原创 2018-02-07 17:04:00 · 13077 阅读 · 0 评论
分享