WebGis全面解析:地理信息系统:| 8月更文挑战

地理信息系统| 8月更文挑战

这是我参与8月更文挑战的第三天，活动详情查看：8月更文挑战

在ArcgisAPI官网 developers.arcgis.com/downloads 下载最新版本的ArcgisAPI离线包
下载完成解压代码，找到自己的相对路径（arcgis_js_v420_api\arcgis_js_api\javascript\4.20），找到自己两个init.js文件，替换其中的baseUrl为自己本机路径或服务器路径，如图：（与4.16版本之前不同的是，新的ArcgisAPI弃用了dojo框架，所以4.16版本之前的还需要更改dojo中的url配置）

1628135565(1).jpg 3 . 配置完成后，启动TomCat，把API放入webapp中，注意的一点是conf下的web.xml要增加允许跨域命令，否则运行起来会报跨域错误，到这里，TomCat包中的配置已经完成，好的，下面我们来配置刚刚通过npm下载arcgisAPI：

npm install arcgis-js-api --save
或
npm install arcgis-js-api
或
npm i arcgis-js-api

配置完成现在npm中新加载进的arcgis中的esri-loader.js，相对路径：node_modules\esri-loader\dist\umd\esri-loader.js

1628136145(1).jpg 打开esri-loader.js，需要更改的地方

1628136390(1).jpg

1628136519(1).jpg

1628136624(1).jpg 5. 好了，配置到这里几乎就OK了，我们的arcgisAPI本地部署可以使用了，启动TomCat，写个测试页面来测试他打开页面，地图是可以正常加载的如图：

1628137130(1).jpg

感谢观看，有问题的小伙伴可以在评论区留言，欢迎技术讨论