之前在ESRI官网关于Javascript的内容(1)__获取ArcGIS API for Javascript一文中提到了三种获取ArcGIS API for Javascript的方式,这篇文章将说明第三种方式,如果下载到本地之后如何安装SDK与API~
安装SDK
安装sdk非常简单,我们下载了SDK
解压之后再IIS之后新建一个网站(也可以直接使用之前建好的,或者默认网站),名称就叫做ArcGIS,URL默认为localhost,端口设置为8317,将网站的物理路径设置为...\arcgis_js_v317_sdk\arcgis_js_api\sdk
;
OK了,直接打开localhost:8317
,显示如下图:
安装API
安装API就相对复杂了一些,而且安装好了还需要修改一些配置文件,API压缩包的大小也是60M左右:
解压过后的大小也是170M左右;解压以后打开文件夹看到三个子文件夹:
这里的install_API.HTML打开之后就告诉你如何部署API的帮助文件,不过是英文,老实看吧~
打开这个html告诉我们可以选择两种安装,Windows和Linux,low咖果断Windows,Linux你自己看咯~
在刚才新建的网站ArcGIS下面新建虚拟目录(当然你可以新建一个网站,但是我觉得还是不要那么那样,一个网站够用了);
需要一个别名:arcgisapi3.17(这个在网站路径中会有用,最好规范命名),一个物理路径:…\arcgis_js_v317_api\arcgis_js_api\library\3.17(这里每个人的路径不一样,设置的路径深度也可以不一样,我就没按照帮助文件来~)
打开…\arcgis_js_api\library\3.17\3.17\init.js这个文件(这个文件是压缩过的js文件,所以最好使用高级一点的文本工具打开,推荐Notepad++等);找到
[HOSTNAME_AND_PATH_TO_JSAPI]dojo
这个标示,在大约37行;将[HOSTNAME_AND_PATH_TO_JSAPI]dojo
替换为localhost:8317/arcgisapi3.17/3.17/dojo
打开arcgis_js_api\library\3.17\3.17\dojo\dojo.js,同理找到
[HOSTNAME_AND_PATH_TO_JSAPI]dojo
,大约在35行,同理替换为localhost:8317/arcgisapi3.17/3.17/dojo
;
测试API
帮助的install_API.html文件可以找到测试用例,新建一个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:8317/arcgisapi3.17/3.17/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="http://localhost:8317/arcgisapi3.17/3.17/esri/css/esri.css" />
<script type="text/javascript" src="http://localhost:8317/arcgisapi3.17/3.17/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>
OK,打开html吧,显示如下图;按下F12,如果没有任何错误报出,那么确定你成功咯!可以开始开发啦!!!