ArcGIS JS API 4.20 4.14 3.16离线部署（基于Nginx）

100人浏览 2026-06-29 00:11:03

ArcGIS JS API 4.20 4.14 3.16离线部署（基于Nginx）

1.到官网下载制定版本

2.修改文件init.js和dojo.js 配置

“[HOSTNAME_AND_PATH_TO_JSAPI]”替换为我们JS API的本地服务器路径
注意：4.20 没有dojo.js

3.修改nginx 代理

location /epf-arcgis/{
	 client_max_body_size 100m;
	 alias   D:/Arcgis/arcgisAPI/;
	 index  index.html index.htm;
	 try_files $uri $uri/ /index.html;
}

4.新建init.html文件修改配置

注意： require([“esri/Map”, “esri/views/MapView”], 不能加"/"不然不能出来

源代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
    <title>Intro to MapView - Create a 2D map</title>
    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
    <link rel="stylesheet" href="http://localhost:8080/epf-arcgis/4.20/esri/themes/light/main.css" />
    <script src="http://localhost:8080/epf-arcgis/4.20/init.js"></script>
    <script>
      require(["esri/Map", "esri/views/MapView"], function(Map, MapView) {
        var map = new Map({
          basemap: "streets"
        });
        var view = new MapView({
          container: "viewDiv", // Reference to the scene div created in step 5
          map: map, // Reference to the map object created before the scene
          zoom: 4, // Sets zoom level based on level of detail (LOD)
          center: [15, 65] // Sets center point of view using longitude,latitude
        });
      });
    </script>
  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>