您的位置：首页 > Web前端 > JavaScript

ArcGIS API For JavaScript本地部署

2017-11-27 20:49 525 查看

需求

再使用ArcGIS API For JavaScript时，在不考虑翻墙的情况下，加载API的速度是非常慢的，在本机上配置ArcGIS API For JavaScript可以加快API的调用，提高开发下效率。

在本地不部署ArcGIS API For JavaScript最常见的有两种方法。一个是配置在IIS上，另一种是配置在tomcat中，两种方式基本一样，只是用到的服务器不一样

关键步骤

1.修改ArcGIS API For JavaScript中的两个文件配置

修改文件一（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.20/3.20/

修改文件二（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.20/3.20/

2.将arcgis_js_api（注意：不是arcgis_js_v320_api文件夹）文件夹移动到tomcat安装目录的webapps目录下（或者IIS的webRoot下），如图所示：

3.验证ArcGIS API For JavaScript是否部署成功

在桌面新建HTML，复制以下代码，运行如结果所示，则成功部署到本地

代码：

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

<body class="claro">
<div id="map" style="height:800px;"></div>
<script>
var _map;
require([
"esri/map",
"dojo/domReady!"],
function(Map) {
_map = new Map("map", {
center: [120, 24],
zoom: 6,
basemap: "osm"
});
});

</script>
</body>

</html>

效果图

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

标签：

相关文章推荐

新的分享

章节导航