ArcGIS API For JavaScript 安装部署说明
2018-02-26 15:57
549 查看
首先,在eclipse中新建一个名称叫GisTest的web项目将文件夹arcgis_api_for_js复制到 WebContent 下面
第二步,修改init.js 和dojo.js文件将:
[HOSTNAME_AND_PATH_TO_JSAPI]
修改为: http://localhost:8080/GisTest/arcgis_js_api/library/3.23/3.23/
第三步,编写测试文件index.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/GisTest/arcgis_js_api/library/3.23/3.23/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/GisTest/arcgis_js_api/library/3.23/3.23/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost:8080/GisTest/arcgis_js_api/library/3.23/3.23/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>
第二步,修改init.js 和dojo.js文件将:
[HOSTNAME_AND_PATH_TO_JSAPI]
修改为: http://localhost:8080/GisTest/arcgis_js_api/library/3.23/3.23/
第三步,编写测试文件index.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/GisTest/arcgis_js_api/library/3.23/3.23/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost:8080/GisTest/arcgis_js_api/library/3.23/3.23/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost:8080/GisTest/arcgis_js_api/library/3.23/3.23/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>
相关文章推荐
- ArcGIS API For JavaScript 安装部署的说明——以eclipse及Tomcat环境为例
- ArcGIS API For JavaScript 安装部署的说明——以eclipse及Tomcat环境为例
- ArcGIS API for JavaScript 3.17/4.0离线包本地部署安装
- [置顶] 【ArcGis for javascript从零开始】之一ArcGIS API for Javascript library 3.9安装说明
- arcgis api for javascript 4.0 安装部署
- ArcGIS API for Javascript library 3.9安装说明
- ArcGIS Server for JavaScript api安装部署
- ArcGIS Server for JavaScript api安装部署
- ArcGIS Server for JavaScript api安装部署
- ArcGIS Server for JavaScript API安装部署
- ArcGIS Server for JavaScript api安装部署
- ArcGIS API for JavaScript本地化部署
- Arcgis api for javascript 详细部署
- Arcgis api for javascript 详细部署
- ArcGIS API for JavaScript 本地部署
- (零)ArcGIS API For JavaScript3.17本地部署(Tomcat)
- Arcgis api for javascript 详细部署
- Arcgis api for javascript 详细部署
- 【一】ArcGIS API for JavaScript之API的使用和部署
- ArcGIS API for JavaScript V_3.14本地Tomcat部署