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

ArcGIS API for Javascript配置

2014-09-27 11:24 357 查看
1、去官网下载最新版: ArcGIS API for JavaScript 3.9

  API 参考文档:https://developers.arcgis.com/javascr

  智能提示下载:https://developers.arcgis.com/javascript/jsapi/api_codeassist.html





2、分别解压两个压缩包,然后把 arcgis_js_v39_api\arcgis_js_v39_api\arcgis_js_api 文件夹下的 library 文件夹放到 arcgis_js_v39_sdk\arcgis_js_api 文件夹下面,如:



接着把arcgis_js_v39_sdk部署到IIS上



在浏览器中输入:http://<myserver>/install.htm ,效果如下



点击 ArcGIS API for JavaScript 连接跳转到如下页面(可能会出错,原因是在library文件夹下面间隔了一个叫3.9的文件夹,完整路径为:http://<myserver>/arcgis_js_api/library/3.9/install.htm):



3、有4个地方修改:

1)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\init.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9/"

2)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9/"

3)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\init.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9compact/"

4)、打开 arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\js\dojo\dojo\dojo.js 找到 '[HOSTNAME_AND_PATH_TO_JSAPI]', 修改为 "<myserver>/arcgis_js_api/library/3.9/3.9compact/"

到此配置已经完成。

4、测试

可以通过他自带的一段代码进行测试(别忘了将<myserver>修改为自己的服务器地址):

<!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://<myserver>/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://<myserver>/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />
<script type="text/javascript" src="http://<myserver>/arcgis_js_api/library/3.9/3.9/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>


效果如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: