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文件夹。
![](https://img.haomeiwen.com/i12206610/295f198b4aec6ec7.png)
2、将该路径下所有文件复制出来放到项目中去,比如我在项目里新建了一个ArcGIS_api的文件夹。
![](https://img.haomeiwen.com/i12206610/4745a0309bfd9250.png)
![](https://img.haomeiwen.com/i12206610/9e0f6584c4c75316.png)
3、复制后的效果如下
![](https://img.haomeiwen.com/i12206610/beb48c4f4cf1581b.png)
三、修改配置参数。
1、修改init.js文件。
1.1打开刚刚复制过来的所有文件中的init.js文件,如我这里就是该路径:apache-tomcat-8.5.24\webapps\ArcGIS_4.7\ArcGIS_api下的init.js文件
![](https://img.haomeiwen.com/i12206610/30d92de1616681d9.png)
1.2打开文件后搜索‘[HOSTNAME_AND_PATH_TO_JSAPI]’
![](https://img.haomeiwen.com/i12206610/0175d2e57033d99e.png)
1.3 然后替换为tomcat的ip加端口号加init.js相对于tomcat下webapps的路径。比如我的tomcat部署在本机,端口是8383,项目放在webapps里面,所以用localhost:8383/ArcGIS_4.7/ArcGIS_api/,注意前面的https改为http。修改完之后的效果如下
![](https://img.haomeiwen.com/i12206610/4ba60fe9bb249183.png)
2、修改dojo/dojo.js文件
2.1打开Dojo文件夹下的dojo.js文件,比如我的路径是apache-tomcat-8.5.24\webapps\ArcGIS_4.7\ArcGIS_api\dojo\dojo.js
![](https://img.haomeiwen.com/i12206610/9bc8e5be9b3b5e96.png)
2.2 打开后同样搜索‘[HOSTNAME_AND_PATH_TO_JSAPI]’,然后修改的内容和上面init.js中修改内容一模一样。结果如下:
![](https://img.haomeiwen.com/i12206610/6791f3f644102243.png)
四、项目中引用测试。
1、项目中引用路径就使用相对路径即可,比如我的测试页面位置如下:
![](https://img.haomeiwen.com/i12206610/a27d1d8a0fdef667.png)
2、则对应的引用方式如下:其余位置的文件引用时就按照相对路径引用即可。
![](https://img.haomeiwen.com/i12206610/0e008d93b15fdbba.png)
3、打开该文件测试效果如下:
![](https://img.haomeiwen.com/i12206610/91fbcd65331d28d5.png)
网友评论