ArcGIS API For JavaScript本地部署

需求

再使用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下),如图所示:

ArcGIS API For JavaScript本地部署_第1张图片


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

在桌面新建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>simpletitle>
    <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>

效果图

ArcGIS API For JavaScript本地部署_第2张图片

你可能感兴趣的:(ArcGIS,JS,开发实例)