arcgis js api 4.x 基础环境搭建

  时光荏苒,离上一次弄arcgis已经过去三年多的时间了,最近因为工作需要研究下arcgis js api的使用,于是今天来搭建环境,esri的开发环境已经变化这么多,以至于搭建环境我都忙了几个小时,现在把这些记录下来分享给需要的人。

1、安装JDK

  这边文章我是基于tomcate来进行本地js api来部署的所以第一步当然需要是安装jdkjdk我选择的是jdk8,虽然连10出来都有些日子了,但是咱是个恋旧的人自然8起。当然看此篇的你当然建议去装jdk10啊,毕竟明年二月jdk8要停止支持了。

  

arcgis js api 4.x 基础环境搭建

  这是jdk8的地址:

  附上可选的jdk10的地址:

  下面就是安装了,反正就是一路点呗没啥好说的,这中间唯一需要注意的就是可更改安装路径,上古时代java的好多程序不能安装在带有空格的路径下,所以一般就都直接安装在了C:\Java目录下了,放到现在是否需要这样我也没加以考证,所以看客你自己决定把。安装完之后就是著名的环境变量配置步骤了,在开始菜单右键【我电脑是win10】->系统->高级系统设置->环境变量->系统变量中依次添加如下:

  1>在新建页面,输入变量名“JAVA_HOME”;变量值“你的jdk的路径(请参照下图,找到你的安装路径)”,然后点击“确定”。

    

arcgis js api 4.x 基础环境搭建

  2>在系统变量区域,选择“新建”,输入变量名“CLASSPATH”;变量值:“.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;”。请注意变量值中,前面的“点“和”分号”,可以直接复制此变量值。然后点击“确定”。

    

arcgis js api 4.x 基础环境搭建

  3>通过滚轴,在系统变量区域找到“Path”变量,并双击打开。点击新建,添加如下两行代码(最后两行代码)。

    

arcgis js api 4.x 基础环境搭建

  4>在命令行窗口中输入java -version 如果打印出jdk的版本信息那就OK了,如果打印未知命令那代表你上述配置不正确请加检查(上述jdk配置不需要你的创新照着复制或者超一个字母一个符号都别动)。

2、下载Tomcate

  下载地址为:

  知道上面为啥那么固执的选择了jdk8了么,因为我这里下载的tomcate也是8!【手动笑哭】其实现在tomecate的最新版本是9。

  

arcgis js api 4.x 基础环境搭建

  如图选择红色框中的zip文件下载后解压到你想解压的地方,我解压的地方是D:\GreenProgram【解压后的我的tomcate根文件夹名字是apache-tomcat-8.5.32,这个你可以随意,但是我建议还是别动这个了吧就让它叫这个】。

  好了这个时候你可以到apache-tomcat-8.5.32这个文件夹的bin中找到startup.bat文件双击运行之,看看是否能正常启动之,如果不能还是说明你jdk的配置有问题请返回上面步骤去检查配置。

  

arcgis js api 4.x 基础环境搭建

上图为tomcate启动界面,看到最后一句正常情况下代表tomcate已经运行起来了。这里我要稍微说下,红框上面两条消息中的一些内容,第一个是http-nio-8080,这是tomcate的http连接默认端口对应配置文件在apache-tomcat-8.5.32\conf文件夹的server.xml中,打开全文搜索8080里面有两处connector配置节点,如果端口有冲突你可以在这里修改默认端口;第二个是ajp-nio-8009,这是ajp连接的默认端口,同样在conf的server.xml中进行配置,这里就不再赘述了。

3、离线部署arcgis js api

  首先,从esri官网下载arcgis api,版本自己选择,官网下载最新版本api的地址:https://developers.arcgis.com/downloads/;但是这个下载是要有开发者账号的,但是竟然不对我国开发者提供注册,你妹!所以我google了一个人的百度网盘分享,这里为了防止这个热心哥们的分享不被和谐我就不贴出来了,想要的去google下吧,百度搜不到。另外我提供个注册思路但是我没有实际操作过,就是用ss或者ssr翻到米国的某个地址然后访问米国esri官网。【怎么找梯子那就需要你开动脑筋了,毕竟作为开发者google访问不上的话那损失可不是一星半点的】。我下载的离线api包为arcgis_js_v48_api.zip。

  接着,本地部署arcgis api,解压之,然后将里面的arcgis_js_api文件夹放入tomcate的webapps文件夹内。  

  然后,配置arcgis api,由于本机的网络原因,下载太慢了,所以这里用3.14版本api来替换,但是没关系,配置原理是一样的。

            1>.配置init.js文件

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zywgps.html