下载和部署（IIS、Tomcat） ArcGIS API for JavaScript 4.11

最新推荐文章于 2025-04-24 17:47:31 发布

一条固执的鱼h

最新推荐文章于 2025-04-24 17:47:31 发布

阅读量614

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43748519/article/details/103217401

版权

ArcGIS 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何下载并部署ArcGIS API for JavaScript 4.11版本，包括使用IIS和Tomcat两种方式的步骤，以及如何进行本地测试确保部署成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、下载ArcGIS API for JavaScript 4.11

1.1从官方下载

1、官方地址：https://developers.arcgis.com/javascript/
2、因为官方地址加载很慢，给出云盘地址
云盘地址：链接：https://pan.baidu.com/s/1m41RGpGHUo6GXmPNk7f2IQ
提取码：pbjb
在这里插入图片描述
3、右上角先进行注册然后下载

4、输入用户名和密码进行注册

5、

在这里插入图片描述
6、

7、下载

二、部署ArcGIS API for JavaScript 4.11

2.1利用IIS进行部署

1、打开控制面板
在这里插入图片描述
2、开启功能

3、勾选服务
在这里插入图片描述
4、接着C盘会出现inetpub文件夹

5、解压下载好的，分别有两个文件，分别是arcgis_js_v411_api、arcgis_js_v411_sdk

6、将arcgis_js_v411_api\arcgis_js_api\library和arcgis_js_v411_sdk\arcgis_js_api\sdk复制到C:\inetpub\wwwroot\arcgis_js_api中
在这里插入图片描述
7、打开C:\inetpub\wwwroot\arcgis_js_api\library\4.11\init.js和C:\inetpub\wwwroot\arcgis_js_api\library\4.11\dojo\dojo.js文件
查找[HOSTNAME_AND_PATH_TO_JSAPI]替换成http://localhost/arcgis_js_api/library/4.11/dojo

8、保存退出

测试部署是否成功

1、在空白网址中输入：http://localhost/arcgis_js_api/library/4.11/init.js
2、出现下面页面则成功
在这里插入图片描述

html测试

1、新建html文件，复制如下代码，然后运行

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>IArcGIS 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/arcgis_js_api/library/4.11/esri/css/main.css">
<script src="http://localhost/arcgis_js_api/library/4.11/dojo/dojo.js"></script>

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

        var map = new Map({
            basemap: "streets"
        });

        var view = new MapView({
            container: "viewDiv",
            map: map,
            zoom: 4,
            center: [15, 65] // longitude, latitude
        });

    });
</script>

</head>

<body>
    <div id="viewDiv"></div>
</body>
</html>

2、出现地图则测试成功

在这里插入图片描述

2.2 利用Tomcat进行部署

1、在E盘新建一个文件夹，名称为“arcgis_js_api”
2、同理把arcgis_js_v411_api\arcgis_js_api\library和arcgis_js_v411_sdk\arcgis_js_api\sdk复制到arcgis_js_api文件夹中
在这里插入图片描述
3、修改arcgis_js_api\library\4.11\init.js和arcgis_js_api\library\4.11\dojo\dojo.js文件
查找[HOSTNAME_AND_PATH_TO_JSAPI]替换成http://localhost:8080/arcgis_js_api/library/4.11/dojo

4、准备tomcat，然后把刚刚的arcgis_js_api文件夹复制到webapps下
在这里插入图片描述
5、启动tomcat

6、访问init.js 。 http://localhost:8080/arcgis_js_api/library/4.11/init.js

7、html测试
粘贴如下代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>IArcGIS API for JavaScript Hello World App</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
<!--<link rel="stylesheet" href="https://js.arcgis.com/4.11/esri/css/main.css">-->
<link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/4.11/esri/css/main.css">
<script src="http://localhost:8080/arcgis_js_api/library/4.11/dojo/dojo.js"></script>

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

        var map = new Map({
            basemap: "streets"
        });

        var view = new MapView({
            container: "viewDiv",
            map: map,
            zoom: 4,
            center: [15, 65] // longitude, latitude
        });

    });
</script>

</head>

<body>
    <div id="viewDiv"></div>
</body>
</html>