ArcGIS API For JavaScript学习笔记

最新推荐文章于 2023-10-08 16:09:37 发布
置顶 最新推荐文章于 2023-10-08 16:09:37 发布
阅读量1.3k 收藏 9
点赞数
CC 4.0 BY-SA版权
分类专栏： ArcGIS API For JavaScript Javascript 文章标签： javascript ArcGIS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Ocean111best/article/details/121234413
本文总结了使用ArcGIS API for JavaScript进行地图开发的关键步骤，包括本地部署、动态地图服务、基本操作、图形要素、查询、渲染、GP服务、网络分析、几何服务、动态图层等高级功能。适合进阶学习者参考。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

之前学习ArcGIS API For JavaScript的一些记录，有些是转载的，不过转载的自己有重新做过一遍，这里做个总结，方便后面来学习回顾。

1、ArcGIS API For JavaScript3.17本地tomcat部署；

2、ArcGIS API For JavaScript调用动态地图服务；

3、ArcGIS API For Javascript 地图基本操作；

4、ArcGIS API For Javascript 图形要素graphic；

5、ArcGIS API For JavaScript查询功能；

6、ArcGIS API For JavaScript之渲染实现；

7、ArcGIS API For JavaScript之调用GP服务；

8、ArcGIS API For JavaScript网络分析；

9、ArcGIS API For JavaScript几何服务(缓冲区分析和图形求交)；

10、ArcGIS API For JavaScript动态图层；

【Arcgis for js api 4.22本地部署详细指南】
qq_37312180的博客
11-24 2953
注意：Arcgis for js api 4.22本地部署，不用修改init.js和dojo.js中的[HOSTNAME_AND_PATH_TO_JSAPI]，直接发布即可！ 注：Arcgis for js api v4.22 SDK在iis上本地部署并使用nodejs本地化沙盒里的api路径：https://www.cnblogs.com/volodya/p/16098919.html
arcgis API部署
anzanli2393的博客
12-29 138
　　12月产量有点高... 先去https://developers.arcgis.com/downloads/下载你需要的版本 我这边是4.6 这个下载需要注册（我注册入口找了十分钟...眼神不是一般的好...可能是英语有点差） 以IIS为例 就将文件放到C:\inetpub\wwwroot 目录下面 转化为应用程序 同时 有两个地方需要配置 1、C:\in...
ArcGIS API本地化部署
qq_43314764的博客
02-28 874
一、工程内相对路径部署 1.将api文档放在工程中 2.修改init.js和dojo.js文件的路径 通过编辑器代开init.js和dojo.js； CTRL+F 查找 https://[HOSTNAME_AND_PATH_TO_JSAPI]dojo ； 将 https://[HOSTNAME_AND_PATH_TO_JSAPI]改为相对路径，例如我的arcgis api放在js文件夹下，路径改...
ArcGIS API离线部署
Godzillar的博客
04-07 1628
arcgis for js开发依赖arcgis地图服务的，而arcgis地图服务的发布是通过arcgisserver来发布的，所以，首先要学会安装arcgisserver，还有就是学会如何发布地图服务。要是这些不懂的giser，可以参照我前面写的arcgisserver安装篇：http://www.cnblogs.com/oolili/p/4290775.html；还有就是arcgis地图服务发布
Arcgis api 离线部署
BigData
07-12 196
Arcgis api 离线部署 修改 文件一（init.js）位置：arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\init.js 将[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost/arcgis_js_api/library/3.17/3.17/ 修改文件二（dojo.js）位置：arcgis_js_v31...
ArcGIS API for JavaScript部署开发
最新发布
m0_53156691的博客
10-08 2702
简单来说，开发可以通过在线引用官网CDN和 通过下载本地开发包引用的两种形式来进行。（这里本地部署又分别可以通过NPM下载模块，或者在官网下载ArcGIS API for JavaScript开发包。而，和ES modules是js模块化开发的规范。可以了解：AMD modules 和 ES modules 两种都是异步的，都适用于前端。
ArcGIS API for JavaScript学习笔记——特征图层FeatureLayer
goldgirly的博客
07-31 1352
FeatureLayer继承自GraphicsLayer 除了用来处理客户端图形特征，还能执行查询、选择操作、编辑以及支持定义表达式。 特征图层将几何信息传输到客户端电脑，然后显示再web浏览器，减少了往返服务器的时间，提高了服务器端应用程序的性能。适用于响应用户交互的图层。 一、创建FeatureLayer对象 需要指向服务中的某个具体图层 var earthquakes = new FeatureLayer(url,options{}) 可选参数： outFields：返回的字段 refreshI.
ArcGIS API for JavaScript学习笔记——在地图上添加图形
goldgirly的博客
07-31 2037
图形是绘制在地图图层上的点、线、面，独立于地图服务相关的其他数据图层，存储在地图上一个独立的图层中。 是临时的对象，在应用程序使用的时候显示，会话完成后移除。 显示在其他图层的上面。 QueryTask可以用来执行空间查询并将结果返回到应用程序，然后以多边形图形显示。 图形的组成部分 Graphic对象包括geometry几何形状、symbol符号、attribute属性、info template信息模板，这些元素都是可选项，其中geometry和symbol通常需要指定，否则没有图形和显示。其显示在.
ArcGIS API for Python学习笔记（一）环境配置
12-21
【ArcGIS API for Python学习笔记（一）环境配置】 在开始使用ArcGIS API for Python时，需要先搭建好相应的开发环境。这篇学习笔记主要记录了环境配置的过程，旨在帮助初学者避免遇到常见问题。以下是对笔记内容的...
ArcGis-for-javaScript最全中文API.pdf
06-28
ArcGIS JavaScript API 介绍与示例 ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具，允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍，并提供多个...
Arcgis api for javascript学习笔记(4.5版本) - 点击多边形(Polygon)并高亮显示
weixin_30650039的博客
04-10 1574
在现在的arcgis_js_v45_api 版本中并没有直接提供点击Polygon对象高亮显示。需要实现如下几个步骤： 1.点击地图时，获取Polygon的Graphic对象； 2.对获取到的Graphic对象进行高亮显示和移出高亮显示； 1. 点击地图时，获取当前点击的Polygon的Graphic对象 在4.x版本中可以通过 view.on("click", function...
主流前端框架下ArcGIS API for JavaScript的开发
02-09
本课程主要介绍ArcGIS API for JavaScript的开发，结合目前主流的前端开发框架React和Vue来进行详细的讲解，ArcGIS API for JavaScript版本选择最新版的4.14版本。课程主要包括在React和Vue中ArcGIS API for JavaScript的使用和ArcGIS API for JavaScript的几个通用地图功能点的开发介绍，主要向大家讲解ArcGIS JS API的开发方法，引导大家学会ArcGIS JS API的开发。课程最后结合一个业务系统来全面讲解一个WebGIS系统从框架搭建到开发部署的整个流程。
【一】ArcGIS API for JavaScript之API的使用和部署
热门推荐
佯佯DESIGNER
12-23 2万+
ArcGIS API for JavaScript用于构建高性能的WebGIS应用程序，同时结合现代网络技术和强大的地理空间功能，利用ArcGIS Online、ArcGIS Server发布的地图服务以及网络上的其他服务内容，使用户在web端能够进行应用程序的创建和智能的数据可视化。
ArcGIS API for JavaScript Map与地图控件
QY1021371614的博客
04-21 1825
ArcGIS API for JavaScript Map与地图控件
ArcGIS Server 基于Token安全验证
weixin_30485379的博客
10-14 926
写在前面：只使用token并不能起到安全验证的作用，ArcGIS Server文件夹的权限是开放的，我们不需要登录Server平台即可访问服务，所以我们应该将Token验证和文件夹的安全性结合起来使用，将文件夹的权限设为私有，这样必须先要登录才能访问服务。 当我们的服务发布到外网，但是我们又不希望其他人员访问我们的服务。这时我们就需要对服务的请求进行验证，类似于使用用户名和密码进行登录。相当于先...
7、【WebGIS实战】专题篇——API key
X北辰北的博客
07-09 1961
在介绍下一篇文章之前，应监工和广大粉丝的要求，临时加更一篇关于ArcGIS API for JavaScript中关于API key的专题文章，因为我们新手在查阅ArcGIS API for JavaScript的官方文档时，[Get started]阶段就会介绍关于API key的内容，如下所示：顺便说一句，各位同学如果后续在学习过程中有对哪一块内容不清楚或产生疑问较多的话，我们可以在脱离规划好的课程目录之外，加更专题篇来解答。虽然ArcGIS API for JavaScript文档在开始起步的阶段就介
【完整的WebGIS教程】6.2 使用@arcgis/core本地部署ArcGIS API for JS
老靳的WebGIS
06-10 4511
这前面的文章中，我使用的都是esri-loader的模式来引入ArcGIS API的，但是有时候我们需要在内网写程序，或者有时候网络条件不好（arcgis api的服务器是在国外），加载在线的api会很慢，所以我还是觉得把api给本地部署了会更好。ArcGIS API for JavaScript的导入方式经历了从“dojo”到“esri-loader”的变化，在4.18版本之后支持了ES Modules模式引入API。但是我一直没用过，我用的还是esri-loader的模式，就是先在代码中需要使用api的
ArcGIS API for JavaScript本地部署
HerryDong的博客
09-27 2146
第一步：安装IIS 第二步：下载ArcGIS API for JS 以3.19版本为例：下载下来的API一共两个压缩包，SDK中包含一些Demo，如下图： 把两个压缩包分别解压，解压后如下图： 第三步：修改相关配置 把arcgis_js_v319_api文件夹中的arcgis_js_api文件夹复制到"C:\inetpub\wwwroot"中： （1）找到"C:\inetpub\wwwroo...
ArcGIS_API本地部署步骤详解
liuhailong2014的博客
12-15 1637
1、安装好ArcGIS server 2、确保自己的IIS相关服务已经打开 3、下载ArcGIS API的包，找到其中的Library文件夹，把其中的ArcGIS_JS_API复制到C:\inetpub\wwwroot文件夹下 4、将C:\Inetpub\wwwroot\arcgis_js_api\library\3.14\3.14\init.js中的"[HOSTNA
ArcGIS API for JavaScript 4.2学习笔记[14] 弹窗的位置、为弹窗添加元素
06-03
好的，我会注意保密。针对你的问题，我来给你解答一下。 对于弹窗的位置，可以通过设置弹窗的锚点(anchor)和偏移量(offset)来进行调整。锚点可以是弹窗的中心点(center)、右上角的点(upper-right)、左上角的点(upper-left)、左下角的点(lower-left)或者右下角的点(lower-right)。偏移量可以分别设置水平和垂直方向的偏移量，可以为正数或负数。 下面是一个示例代码： ``` require([ "esri/Map", "esri/views/MapView", "esri/widgets/Popup", "dojo/dom-construct", "dojo/dom-style", "dojo/on", "dojo/domReady!" ], function(Map, MapView, Popup, domConstruct, domStyle, on) { var map = new Map({ basemap: "streets" }); var view = new MapView({ container: "viewDiv", map: map, center: [-118.805, 34.027], zoom: 13 }); var popup = new Popup({ anchor: "center", // 设置锚点为中心点 offset: [0, -15], // 设置垂直方向的偏移量为-15 visibleWhenEmpty: false, // 当没有内容时不显示弹窗 view: view }); view.popup = popup; view.on("click", function(event) { var lat = event.mapPoint.latitude.toFixed(3); var lon = event.mapPoint.longitude.toFixed(3); var content = domConstruct.create("div", { innerHTML: "Latitude: " + lat + "<br>Longitude: " + lon }); popup.content = content; popup.open({ location: event.mapPoint }); }); }); ``` 对于为弹窗添加元素，可以使用 dojo/dom-construct 模块来进行创建和添加。可以使用这个模块的 create() 方法来创建 HTML 元素，然后使用 popup.content 属性来添加到弹窗中。 下面是一个示例代码： ``` var content = domConstruct.create("div", { innerHTML: "<b>Hello, world!</b>" }); popup.content = content; popup.open({ location: event.mapPoint }); ``` 希望这些信息能够帮到你，如果你还有其他问题，请随时提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值