1.ArcGIS API for JavaScript3.14本地部署(tomcat)

来源:互联网 发布:主题之家软件下载 编辑:程序博客网 时间:2024/04/28 21:00

ArcGIS API for JavaScript3.14本地部署(tomcat)

1.ArcGIS API for JavaScript下载地址:
https://developers.arcgis.com/downloads/
这里写图片描述

2.解压API文件,并将其中arcgis_js_api文件复制到tomcat安装目录下的webapps中,本文路径如下:
C:\Program Files\Apache Software Foundation\Tomcat 8.5\webapps
这里写图片描述
3.文件配置:
打开arcgis_js_api\library\3.14,有3.14和3.14compact两个版本的文件,只需要对其中一个版本文件进行配置即可。
这里写图片描述
一共有两处需要进行配置。打开3.14文件夹中的init.js,全文搜索将文本 ‘[HOSTNAME_AND_PATH_TO_JSAPI]’替换成如下:
< myserver >/arcgis_js_api/library/3.14/3.14/
再打开arcgis_js_api\library\3.14\3.14\dojo\dojo.js,同样进行上述处理。
注意:
在此使用的是本地服务器,myserver设置为127.0.0.1:8080,要加上端口号。
4.开启tomcat,测试文件配置:
这里写图片描述
输入网址127.0.0.1:8080//arcgis_js_api/library/3.14/3.14/init.js,显示如下即为文件配置成功:
这里写图片描述
5.测试安装成功:
在这里可以加载一段代码显示地图

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>  <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>Simple Map</title>    <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8080/arcgis_js_api/library/3.14/3.14/dijit/themes/tundra/tundra.css"/>    <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8080/arcgis_js_api/library/3.14/3.14/esri/css/esri.css" />    <script type="text/javascript" src="http://127.0.0.1:8080/arcgis_js_api/library/3.14/3.14/init.js"></script>    <script type="text/javascript">      dojo.require("esri.map");      function init() {        var myMap = new esri.Map("mapDiv");        //note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service.        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/NGS_Topo_US_2D/MapServer");        myMap.addLayer(myTiledMapServiceLayer);      }      dojo.addOnLoad(init);    </script>  </head>  <body class="tundra">    <div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>  </body></html>

在浏览器中成功显示
这里写图片描述

附:具体安装可参考sdk离线包中说明

0 0
原创粉丝点击