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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • LeetCode18:4Sum

    LeetCode18:4Sum

    2022年1月17日
    39
  • docker(4)解决pull镜像速度缓慢「建议收藏」

    docker(4)解决pull镜像速度缓慢「建议收藏」前言上一篇讲到pull镜像,但是pull镜像的时候下拉的速度实在感人,有什么解决办法吗?我们只需将docker镜像源修改为国内的将docker镜像源修改为国内的:在/etc/docker/d

    2022年7月29日
    10
  • java 配置事务回滚_Spring@Transactional事务回滚

    java 配置事务回滚_Spring@Transactional事务回滚Spring中事务分为编程时事务和声明式事务,编程式事务:编程人员通过代码控制事务的开启、回滚、提交,声明式事务:把事务的处理交给spring。使用注解@transactional配置就是声明式事务。基本配置在applicationContext.xml配置文件中1//配置spring的DataSourceTransactionManager事务管理器23class=”org…

    2022年10月21日
    1
  • 电脑使用小技巧_电脑的简单使用方法

    电脑使用小技巧_电脑的简单使用方法摘自龙族论坛的一些电脑小技巧XP提速超级迷你技巧面对越来越慢的机器,辱骂微软或是Intel都是徒劳,我在如意中,发现了一个小的不能再小的技巧:0&&image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}”>新建一个账号,最好是系统管理员,然后登录试试,速度是不

    2022年10月8日
    2
  • 直通线和交叉线的使用(网线)

    直通线和交叉线的使用(网线)原文:http://blog.sina.com.cn/s/blog_62c179fd0100sefl.html关于网络设备的定义和设备间连接方式一般规律: 第一,你需要了解两类设备:DTE类设备和DCE类设备。DTE类设备:PC、路由器、交换机uplink口、HUB级联口DCE类设备:交换机普通口、HUB普通口   同类设备间相连使用交叉线方式;异类设备间相

    2022年6月19日
    28
  • 无向图同构 (哈希)「建议收藏」

    题目ProblemDescription如果一个无向图重标号后与另一个无向图完全一致(即对于任意两点,他们之间的边在两个图中都存在或都不存在),则称两个无向图同构。给定两个n个点m条边的无向图,判定两个无向图是否同构。Input第一行一个数T,表示有T组数据(T<=20)对于每一组数据:

    2022年4月17日
    62

发表回复

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

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