ArcGIS API For JavaScript本地部署

最新推荐文章于 2024-04-06 14:15:18 发布

idomyway

最新推荐文章于 2024-04-06 14:15:18 发布

阅读量3.8k

点赞数

分类专栏： ArcGIS JS 开发实例文章标签： javascript api arcgis 本地部署

本文链接：https://blog.csdn.net/idomyway/article/details/78648907

版权

ArcGIS JS 开发实例专栏收录该内容

21 篇文章 4 订阅

订阅专栏

需求

再使用ArcGIS API For JavaScript时，在不考虑翻墙的情况下，加载API的速度是非常慢的，在本机上配置ArcGIS API For JavaScript可以加快API的调用，提高开发下效率。
在本地不部署ArcGIS API For JavaScript最常见的有两种方法。一个是配置在IIS上，另一种是配置在tomcat中，两种方式基本一样，只是用到的服务器不一样

关键步骤

1.修改ArcGIS API For JavaScript中的两个文件配置

修改文件一（init.js）
位置：arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\init.js
将[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost:8080/arcgis_js_api/library/3.20/3.20/
修改文件二（dojo.js）
位置：arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\dojo\dojo.js
将[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost:8080/arcgis_js_api/library/3.20/3.20/

2.将arcgis_js_api（注意：不是arcgis_js_v320_api文件夹）文件夹移动到tomcat安装目录的webapps目录下（或者IIS的webRoot下），如图所示：

这里写图片描述

3.验证ArcGIS API For JavaScript是否部署成功

在桌面新建HTML，复制以下代码，运行如结果所示，则成功部署到本地
代码：

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>simple</title>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.20/3.20/init.js"></script>
  </head>

  <body class="claro">
     <div id="map" style="height:800px;"></div>
    <script>
    var _map;
    require([
        "esri/map",
        "dojo/domReady!"],
        function(Map) {
            _map = new Map("map", {
                center: [120, 24],
                zoom: 6,
                basemap: "osm"
            });
        });

</script>
  </body>

</html>