离线环境中使用ArcGIS API加载mapbox矢量切片地图

如果使用ES module模式加载ArcGIS JS API，则可以跳过此步。

ES module加载的具体操作请移步官网

Install and set up | Overview | ArcGIS API for Javascript 4.21 | ArcGIS Developerdocumentation site for ArcGIS API for Javascript on ArcGIS for Developers.https://developers.arcgis.com/javascript/latest/install-and-set-up/

这里介绍离线下载并部署ArcGIS JS API的方法：

1.下载ArcGIS JS API，下载地址：

Downloads | ArcGIS Developer

2.配置tomcat以及JDK，具体方法参考：非常详细图文JDK和Tomcat安装和配置的图文教程_追梦赤子心-CSDN博客_tomcat配置jdk

3.解压ArcGIS JS API安装包，将文件夹移至tomcat/webapp下，即可完成离线部署。

1.这里推荐一个离线地图下载器：

mapdownload: mapbox离线地图下载

2.运行程序：点击mapdownload64.exe，填写下载参数等信息。

 参数中token可以在mapbox官网随便找个示例复制粘贴。

3.下载完毕之后将整个下载文件夹复制粘贴到tomcat/webapp下。

 4.几个文件夹：fonts为地图的字体文件，source中包含各个级别的矢量切片，sprites文件夹中为地图图标。

  
  
  
  
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  
  
  
  


  



  

 发现在离线环境中地图，字体以及图标都能正确加载。

整个部署过程完成！