ArcGIS API For JavaScript4.7本地部署
2018-07-06 本文已影响6人
高旭龙
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、打开该文件测试效果如下:
