Arcgis api for JavaScript下载及部署(IIS和Tomcat)

Arcgis api for JavaScript下载及部署(IIS和Tomcat)目录一,各版本下载地址二,ArcGISAPIForJavaScript3.17本地部署(IIS)2.1修改相应的js文件(2个文件)2.2将修改好的函数库复制到指定位置2.3测试ArcGISAPIForJavaScript函数库是否安装成功三,Tomcat部署3.1修改2个js文件3.2将修改好的函数库复制到指定位置3.3测试ArcGI…

大家好,又见面了,我是你们的朋友全栈君。

目录

一,各版本下载地址

二,ArcGIS API For JavaScript3.17本地部署(IIS)

2.1 修改相应的js文件(2个文件)

2.2 将修改好的函数库复制到指定位置

2.3 测试ArcGIS API For JavaScript函数库是否安装成功

三,Tomcat 部署

3.1 修改2个js文件

3.2 将修改好的函数库复制到指定位置

3.3 测试ArcGIS API For JavaScript函数库是否安装成功


 

一,各版本下载地址

下载地址:https://developers.arcgis.com/downloads/apis-and-sdks?product=javascript

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

二,ArcGIS API For JavaScript3.17本地部署(IIS)

步骤:https://blog.csdn.net/lovecarpenter/article/details/52169705

安装大概需要3分钟。新建的Web文件夹我放在E盘了(E:\web)

2.1 修改相应的js文件(2个文件)

  • 任意地方解压ArcGIS API For JavaScript3.17函数库
  • 进入(arcgis_js_v317_api\arcgis_js_api\library\3.17),打开install_win.html页面,找到安装教程,如图所示:

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

修改 文件一(init.js) 
位置:arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\init.js 
[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost/arcgis_js_api/library/3.17/3.17/
修改文件二(dojo.js) 
位置:arcgis_js_v317_api\arcgis_js_api\library\3.17\3.17\dojo\dojo.js 
[HOSTNAME_AND_PATH_TO_JSAPI]替换成localhost/arcgis_js_api/library/3.17/3.17/

2.2 将修改好的函数库复制到指定位置

将arcgis_js_api(注意:不是arcgis_js_v317_api文件夹)文件夹移动到站点文件夹下面(E:\web),如图所示: 
将这个文件夹:

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

移动到:

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

2.3 测试ArcGIS API For JavaScript函数库是否安装成功

  • 在桌面新建一个test.html,将测试代码复制到test.html

测试代码如下:

<!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://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/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>

当你可以在test页面看到地图时,说明你的ArcGIS API 本地部署已经成功了。 

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

三,Tomcat 部署

参考:https://blog.csdn.net/lovecarpenter/article/details/52165508

3.1 修改2个js文件

* 修改 文件一(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.17/3.17/ 
* 修改文件二(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.17/3.17/
 

3.2 将修改好的函数库复制到指定位置

arcgis_js_api(注意:不是arcgis_js_v317_api文件夹)文件夹移动到tomcat安装目录的webapps目录下,如图所示: 
将这个文件夹:

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

移动到:

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

3.3 测试ArcGIS API For JavaScript函数库是否安装成功

  • 在桌面新建一个test.html,将测试代码复制到test.html

测试代码:

<!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://localhost:8080/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.17/3.17/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>

运行:启动服务器(D:\apache-tomcat-v8.0.53\apache-tomcat-8.0.53\bin\startup.bat), 再打开test.html

当你可以在test页面看到地图时,说明你的ArcGIS API 本地部署已经成功了。 

Arcgis api for JavaScript下载及部署(IIS和Tomcat)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/136395.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【转】python中的map,filter,reduce,lambda

    【转】python中的map,filter,reduce,lambda

    2021年8月21日
    56
  • 【嵌入式】C语言中volatile关键字

    【嵌入式】C语言中volatile关键字00.目录文章目录00.目录01.volatile概述02.volatile应用场景03.volatile应用示例04.嵌入式系统中应用05.volatile官方说明volatile06.附录01.volatile概述volatile是C语言中的一个关键字。将变量定义为volatile就表示告诉编译器这个变量可能会被竟想不到地改变,在这种情况下,编译器就不会去假设这个变量的值了,及优化器在用到这个变量是必须每次重新读取他的值。02.volatile应用场景在程序中,volati

    2022年7月27日
    10
  • Python + allure 报告[通俗易懂]

    Python + allure 报告[通俗易懂]安装Windows安装allure需要先安装scoop,确保安装了PowerShell5(或更高版本,包括PowerShellCore)和.netFramework4.5(或更高版本)。然后打开PowerShell运行:iex(new-objectnet.webclient).downloadstring(‘https://get.scoop.sh’)安装allure:sco…

    2022年7月26日
    12
  • pycharm在全局搜索某个变量「建议收藏」

    pycharm在全局搜索某个变量「建议收藏」吃了写代码不规范的亏。。。明明记得之前写过某个功能,但是因为文件命名太随意,“123”,“111”,“a”,“test”等不知所谓的名称都被我用上了,以至于找代码时候焦头烂额,以后一定要养成规范命名的好习惯。不过如果已经这样写了,需要找某个函数时,可以用全局搜索的方式,通过找关键字,定位函数,定位文件。具体操作参看:pycharm如何全局进行查找一个关键词…

    2022年5月8日
    202
  • CDN与智能DNS原理和应用

    CDN与智能DNS原理和应用

    2021年10月31日
    39
  • C++之指针使用

    一指针和数组对比C++/C程序中,指针和数组在不少地方可以相互替换着用,让人产生一种错觉,以为两者是等价的。数组要么在静态存储区被创建(如全局数组),要么在栈上被创建。数组名对应着(而不是指向)一

    2021年12月19日
    50

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号