使用Tomcat本地部署ArcGIS API for JavaScript

最新推荐文章于 2024-07-24 09:09:08 发布

（Always）

最新推荐文章于 2024-07-24 09:09:08 发布

阅读量692

点赞数

本文链接：https://blog.csdn.net/weixin_39481659/article/details/104656539

版权

ArcGIS API for JavaScript 专栏收录该内容

2 篇文章 1 订阅

订阅专栏

说明：在使用ArcGIS API for JavaScript官方的实例时会发现由于时外网加载速度特别慢，这时就需要本地部署，会提升他的加载速度，但也是提升有限，毕竟服务还是需要联网加载的。

1、需要下载ArcGIS API for JavaScript的sdk

官方API下载链接：https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript，点击链接会跳转到登录界面，登录成功会跳转到API下载页面。在下载API时需要注册ArcGIS用户，而且下载缓慢，这里是我下载好的ArcGIS API for JavaScript 4.14的sdk 并附带几个小例子之后会说到：https://download.csdn.net/download/weixin_39481659/12224004

2、下载并配置好Tomcat

这里不用要求Tomcat版本只要配置好能启动服务，打开这样的页面就行。

不会的可以百度，配置的的文档特别多，这里就不再说了。

3、打开下载好的ArcGIS API for JavaScript 4.14的sdk 修改文件配置

打开下载好的ArcGIS API for JavaScript 4.14的sdk文件夹如下图：

用到的就是这个arcgis_js_api这个文件夹中的内容

将arcgis_js_api（注意：不是整个文件夹）文件夹移动到tomcat安装目录的webapps目录下，如图所示

4、修改API的两个JS文件

修改文件一（init.js，38行）
位置：\arcgis_js_api\library\4.14\init.js
将https:[HOSTNAME_AND_PATH_TO_JSAPI]dojo替换成http://localhost:8080/arcgis_js_api/library/4.14/dojo

修改文件二（dojo.js，36行）
位置：\arcgis_js_api\library\4.14\dojo\dojo.js
将https:[HOSTNAME_AND_PATH_TO_JSAPI]dojo替换成http://localhost:8080/arcgis_js_api/library/4.14/dojo

修改完成后记得保存

5、在arcgis_js_api新建测试文件

demo01.html代码如下：注：要注意路径的对错

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>ArcGIS API for JavaScript Hello World App</title>
  <style>
    html, body, #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>

  <link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/4.14/esri/css/main.css">
  <script src="http://localhost:8080/arcgis_js_api/library/4.14/init.js"></script>

  <script>
    require([
      "esri/Map",
      "esri/views/MapView"
    ], function(Map, MapView) {

      var map = new Map({
        basemap: "topo-vector"
      });

      var view = new MapView({
        container: "viewDiv",
        map: map,
        center: [-118.71511,34.09042],
        zoom: 11
      });

    });
  </script>
</head>
<body>
  <div id="viewDiv"></div>
</body>
</html>

保存文件。

6、启动Tomcat服务调用文件显示地图

启动Tomcat服务

点击输入连接：http://localhost:8080/arcgis_js_api/demo01.html 显示如下图所示则表示本地部署成功

就可以在这个服务下调用并使用ArcGIS API for JavaScript

注： Tomcat服务启动后 http://localhost:8080就代表apache-tomcat-8.5\webapps这个文件目录需要打开的文件都需要放在这个目录下，如http://localhost:8080/arcgis_js_api/demo01.html 代表打开的是apache-tomcat-8.5\webapps\arcgis_js_api\demo.html 文件打开其他的依次类推。