ArcGIS API For JavaScript4.7本地部署步骤

ArcGIS API For JavaScript4.7本地部署步骤

一、准备工具。

1、Tomcat

2、ArcGIS API For JavaScript4.7文件包。(下载位置点我  密码：1ytf )

二、文件放置。

1、下载后的ArcGIS API For JavaScript4.7文件包解压后里面有两个文件夹，我们要用的是arcgis_js_v4.7_api文件夹。

2、将该路径下所有文件复制出来放到项目中去，比如我在项目里新建了一个ArcGIS_api的文件夹。

3、复制后的效果如下

三、修改配置参数。

1、修改init.js文件。

1.1打开刚刚复制过来的所有文件中的init.js文件，如我这里就是该路径：apache-tomcat-8.5.24\webapps\ArcGIS_4.7\ArcGIS_api下的init.js文件

1.2打开文件后搜索‘[HOSTNAME_AND_PATH_TO_JSAPI]’

1.3 然后替换为tomcat的ip加端口号加init.js相对于tomcat下webapps的路径。比如我的tomcat部署在本机，端口是8383，项目放在webapps里面，所以用localhost:8383/ArcGIS_4.7/ArcGIS_api/，注意前面的https改为http。修改完之后的效果如下

2、修改dojo/dojo.js文件

2.1打开Dojo文件夹下的dojo.js文件，比如我的路径是apache-tomcat-8.5.24\webapps\ArcGIS_4.7\ArcGIS_api\dojo\dojo.js

2.2 打开后同样搜索‘[HOSTNAME_AND_PATH_TO_JSAPI]’，然后修改的内容和上面init.js中修改内容一模一样。结果如下：

四、项目中引用测试。

1、项目中引用路径就使用相对路径即可，比如我的测试页面位置如下：

2、则对应的引用方式如下：其余位置的文件引用时就按照相对路径引用即可。

3、打开该文件测试效果如下：