ArcGIS API For JavaScript学习笔记

最新推荐文章于 2023-10-08 16:09:37 发布
原创 最新推荐文章于 2023-10-08 16:09:37 发布 · 置顶 · 1.3k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ArcGIS

本文总结了使用ArcGIS API for JavaScript进行地图开发的关键步骤，包括本地部署、动态地图服务、基本操作、图形要素、查询、渲染、GP服务、网络分析、几何服务、动态图层等高级功能。适合进阶学习者参考。

之前学习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 3043
注意：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
7、【WebGIS实战】专题篇——API key
X北辰北的博客
07-09 2095
在介绍下一篇文章之前，应监工和广大粉丝的要求，临时加更一篇关于ArcGIS API for JavaScript中关于API key的专题文章，因为我们新手在查阅ArcGIS API for JavaScript的官方文档时，[Get started]阶段就会介绍关于API key的内容，如下所示：顺便说一句，各位同学如果后续在学习过程中有对哪一块内容不清楚或产生疑问较多的话，我们可以在脱离规划好的课程目录之外，加更专题篇来解答。虽然ArcGIS API for JavaScript文档在开始起步的阶段就介
arcgis API部署
anzanli2393的博客
12-29 150
　　12月产量有点高... 先去https://developers.arcgis.com/downloads/下载你需要的版本 我这边是4.6 这个下载需要注册（我注册入口找了十分钟...眼神不是一般的好...可能是英语有点差） 以IIS为例 就将文件放到C:\inetpub\wwwroot 目录下面 转化为应用程序 同时 有两个地方需要配置 1、C:\in...
ArcGIS API本地化部署
qq_43314764的博客
02-28 908
一、工程内相对路径部署 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 1694
arcgis for js开发依赖arcgis地图服务的，而arcgis地图服务的发布是通过arcgisserver来发布的，所以，首先要学会安装arcgisserver，还有就是学会如何发布地图服务。要是这些不懂的giser，可以参照我前面写的arcgisserver安装篇：http://www.cnblogs.com/oolili/p/4290775.html；还有就是arcgis地图服务发布
Arcgis api 离线部署
BigData
07-12 213
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 2866
简单来说，开发可以通过在线引用官网CDN和 通过下载本地开发包引用的两种形式来进行。（这里本地部署又分别可以通过NPM下载模块，或者在官网下载ArcGIS API for JavaScript开发包。而，和ES modules是js模块化开发的规范。可以了解：AMD modules 和 ES modules 两种都是异步的，都适用于前端。
ArcGIS API for JavaScript学习笔记——在地图上添加图形
goldgirly的博客
07-31 2084
图形是绘制在地图图层上的点、线、面，独立于地图服务相关的其他数据图层，存储在地图上一个独立的图层中。 是临时的对象，在应用程序使用的时候显示，会话完成后移除。 显示在其他图层的上面。 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 1607
在现在的arcgis_js_v45_api 版本中并没有直接提供点击Polygon对象高亮显示。需要实现如下几个步骤： 1.点击地图时，获取Polygon的Graphic对象； 2.对获取到的Graphic对象进行高亮显示和移出高亮显示； 1. 点击地图时，获取当前点击的Polygon的Graphic对象 在4.x版本中可以通过 view.on("click", function...
ArcGIS api for JavaScript 4.3 学习笔记（0）本地Tomcat部署arcgis_js_api
lch2848508的博客
04-01 4966
Apache的配置官方是有教程的，在下载下来的API文件arcgis_js_api\downloads\install-linux.html里面，如果看了那个下面的内容都不用看了，只是翻译了过来而已。 1.从arcgis官网上下载Arcgis api for JavaScript 4.3。 2.将下载好的arcgis_js_v43_api文件夹中arcgis_js_api文件拷贝到tomc
主流前端框架下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 Server 基于Token安全验证
weixin_30485379的博客
10-14 959
写在前面：只使用token并不能起到安全验证的作用，ArcGIS Server文件夹的权限是开放的，我们不需要登录Server平台即可访问服务，所以我们应该将Token验证和文件夹的安全性结合起来使用，将文件夹的权限设为私有，这样必须先要登录才能访问服务。 当我们的服务发布到外网，但是我们又不希望其他人员访问我们的服务。这时我们就需要对服务的请求进行验证，类似于使用用户名和密码进行登录。相当于先...
ArcGIS API for JavaScript Map与地图控件
QY1021371614的博客
04-21 1866
ArcGIS API for JavaScript Map与地图控件
【完整的WebGIS教程】6.2 使用@arcgis/core本地部署ArcGIS API for JS
老靳的WebGIS
06-10 4610
这前面的文章中，我使用的都是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 JavaScript3.17本地部署（Tomcat）
王培晓Carpenter
08-09 1万+
引言 部署ArcGIS API For JavaScriptTomcat 下载ArcGIS API For JavaScript函数库和Tomcat软件 安装Tomcat 修改2个js文件 将修改好的函数库复制到指定位置 测试ArcGIS API For JavaScript函数库是否安装成功
ArcGIS API for JavaScript学习笔记
sensen博客
07-07 639
1. ArcGIS pro包含了ArcMap功能。 2. 项目中如果有三维相关希求，选择4.x版本；如果没有三维相关需求，选择3.x版本（二维操作更多）。 3.arcgis api本地部署https://blog.youkuaiyun.com/qq_36792085/article/details/87897245 4.本地运行（在nginx服务中）： <html> <head> <meta charset="utf-8" /> <meta
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、付费专栏及课程。

余额充值