您的位置：首页 > 运维架构 > Tomcat

ArcGIS api for JavaScript 4.3 学习笔记（0）本地Tomcat部署arcgis_js_api

2017-04-01 15:30 666 查看

Apache的配置官方是有教程的，在下载下来的API文件arcgis_js_api\downloads\install-linux.html里面，如果看了那个下面的内容都不用看了，只是翻译了过来而已。

1.从arcgis官网上下载Arcgis api for JavaScript 4.3。

2.将下载好的arcgis_js_v43_api文件夹中arcgis_js_api文件拷贝到tomcat根目录的webapps目录下。

3.编辑tomcat\webapps\arcgis_js_api\library\4.3\4.3\dojo\dojo.js和tomcat\webapps\arcgis_js_api\library\4.3\4.3\init.js这两个文件，将[HOSTNAME_AND_PATH_TO_JSAPI]改成127.0.0.1:8080/（自己本机的tomcat服务地址）。

4.web项目中引用ASJ时直接用<script src="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/init.js">就可以了。

PS：最好不要将arcgis_js_api强行放在源码的Webroot中编译，会出现很多错误。

PPS：下面的代码可以直接贴到index.jsp中，启动tomcat服务，出现地图即为配置成功，不必本地上传地图就可以测试。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">

<title>hahaha</title>

<style>

    html,

    body,

    #viewDiv {

      padding: 0;

      margin: 0;

      height: 100%;

      width: 100%;

    }

</style>

<link rel="stylesheet" href="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css">

<script src="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/init.js"></script>

<script>

    require([

      "esri/Map",

      "esri/views/MapView",

      "dojo/domReady!"

    ], function(Map, MapView) {

      var map = new Map({

        basemap: "streets"

      });

      var view = new MapView({

        container: "viewDiv",

        map: map,

        zoom: 4,

        center: [15, 65]

      });

    });

</script>

</head>

<body>

<div id="viewDiv"></div>

</body>

</html>

PS:arcgis在线地图经常会抽风，上面代码如果不显示地图试试下面的

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">

<title>Load a basic WebMap - 4.3</title>

<style>

    html,

    body,

    #viewDiv {

      padding: 0;

      margin: 0;

      height: 100%;

      width: 100%;

    }

</style>

<link rel="stylesheet" href="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/esri/css/main.css">

<script src="http://127.0.0.1:8080/arcgis_js_api/library/4.3/4.3/init.js"></script>

<script>

    require([

      "esri/views/MapView",

      "esri/WebMap",

      "dojo/domReady!"

    ], function(

      MapView, WebMap

    ) {

      var webmap = new WebMap({

        portalItem: { // autocasts as new PortalItem()

          id: "f2
4000
e9b762544945f390ca4ac3671cfa72"

        }

      });

      var view = new MapView({

        map: webmap,

        container: "viewDiv"

      });

    });

</script>

</head>

<body>

<div id="viewDiv"></div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航