创建运行ArcGis JS API 项目

来源：互联网发布：mac截屏保存在哪里编辑：程序博客网时间：2024/06/10 01:25

一、下载ArcGIS API for JavascriptLibrary：http://support.esrichina.com.cn/2011/0223/960.html;

解压arcgis_js_v39_api.zip，我下载的是3.9版本，以下以3.9版本为例子

arcgis_js_v39_api\arcgis_js_api\library\3.9

二、有jsapi开发包

1、将jsapi目录拷贝到自己的Web应用目录下

2、新建arcgistest.html文件，放到\arcgis_js_v39_api\arcgis_js_api\library\3.9\3.9目录下

3.新建HTML文件，编辑HTML添加引用(2个css,1个js)

<link rel="stylesheet" type="text/css" href="js/dojo/dijit/themes/claro/claro.css"><link rel="stylesheet" href="js/esri/css/esri.css"><script src="init.js"></script>

3.在页面中添加加载地图的脚本

dojo.ready(function(){     mapObj=new esri.Map("map");   var districtLayer = newesri.layers.ArcGISDynamicMapServiceLayer(“http://localhost:6080/arcgis/rest/services/TF/baseMap/MapServer”, { id: "districLayer"});   mapObj.addLayer(districtLayer);  });

4.发布Web应用

IIS新建虚拟目录/arcgis_js_api，虚拟目录定位到：arcgis_js_v39_api\arcgis_js_api\library\3.9\3.9，

访问/js/dojo/dojo/dojo.js的url：http://localhost/arcgis_js_api/library/3.9/3.9/js/dojo/dojo/dojo.js

在浏览器中检查下，能否正常打开;确认地址正确后,截取一段url：localhost/arcgis_js_api/library/3.9/3.9/js/dojo/dojo

5.将Url片段替换init.js中的baseUrl:

在init.js中搜索 baseUrl:

baseUrl:(location.protocol === 'file:' ? 'http:' : location.protocol) + '//' + "[HOSTNAME_AND_PATH_TO_JSAPI]js/dojo/dojo"

将[HOSTNAME_AND_PATH_TO_JSAPI]js/dojo/dojo替换为：

localhost/arcgis_js_api/library/3.9/3.9/js/dojo/dojo

保存init.js并退出。

6.发布成功后,可以浏览地图了

0 0