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

ArcGIS API for Javascript使用tomcat部署到本地

2018-08-06 15:54 821 查看

费了半天劲，终于入了个webgis的门把arcgis api for javascript部署到本地了，下面跟大家分享一下！

一、用到的工具：

1、arcgis api for javascript，可以去官网下载，不过官网下载要注册账号，比较麻烦，这里我给大家推荐一个网站，可以下载各种版本的api： http://www.xiaobaigis.com/Articles/GIS/arcgisapidownload.html   谁用谁说好！

2、tomcat，我用的版本比较高的8.5，这个没什么好说的，留一个连接：https://tomcat.apache.org/download-70.cgi

3、一个可以写代码的工具，这个大家都有自己喜欢的工具，我用的是HBuild

二、替换下载下来的api中的两个文件

1、init.js     进入文件：arcgis_js_api\library\3.23\3.23，找到init.js，打开它（好多工具可以打开，记事本也可以），然后Ctrl+F找到https：//[HOSTNAME_AND_PATH_TO_JSAPI]dojo,    把它改为：http://localhost:8080/arcgis_js_api/library/3.23/3.23/dojo，然后记得保存

2、dojo.js   进入文件：arcgis_js_api\library\3.23\3.23\dojo，找到dojo.js，以同样的方式打开它，然后Ctrl+F找到：

https：//[HOSTNAME_AND_PATH_TO_JSAPI]dojo，把它改为：http://localhost:8080/arcgis_js_api/library/3.23/3.23/dojo，然后保存。

三、把arcgis_js_api文件夹放入到tomcat的webapps文件夹里面。

四、在tomcat的bin文件夹里面找到startup.bat点击启动tomcat

五、测试部署配置是否正确：打开：http://localhost:8080/arcgis_js_api/library/3.23/3.23/init.js,如果可以访问成功，则说明部署成功！

六、写代码加载测试：

完整代码如下：

[code]<!DOCTYPE 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>Simple Map</title>
<link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/library/3.23/3.23/esri/css/esri.css">
<script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.23/3.23/init.js"></script>
<style>
html, body, #map {
height: 100%;
margin: 0;
padding: 0;
}
</style>

<script>
var map;

require(["esri/map", "dojo/domReady!"], function(Map) {
map = new Map("map", {
basemap: "topo",  //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
center: [-122.45, 37.75], // longitude, latitude
zoom: 13
});
});
</script>
</head>

<body>
<div id="map"></div>
</body>
</html>

测试加载成功！

 

 

 

 

 

 

阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航