一、安装包下载

　　首先从官网下载ArcGIS API for JavaScript 3.3 的API和SDK，地址：http://support.esrichina.com.cn/2011/0223/960.html，需要注意的是，想获取API和SDK，需要注册一个Esri全球账户。

点击Library和SDK下载两个安装包.

二、离线部署

　　部署到C:\Inetpub\wwwroot；

　　1、解压arcgis_js_v33_sdk.zip和arcgis_js_v33_api.zip；

　　2、进行配置文件的修改，使其被其他程序调用时找到引用函数的位置；

　　(1)找到..\arcgis_js_v33_api\library\3.3\jsapi\init.js文件，打开，可以通过EditPlus打开；查找'[HOSTNAME_AND_PATH_TO_JSAPI]'，替换为"<myserver>/ \arcgis_js_v33_api\library\3.3\jsapi/"；其中<myserver>为机器名称或者机器IP，没有http前缀（如果在本地使用可以设为localhost）；

改变前效果图

改变后效果图(以下不再截图，与该类似)

　　(2)找到..\arcgis_js_v33_api\library\3.3\jsapi\js\dojo\dojo\dojo.js文件，打开；查找'[HOSTNAME_AND_PATH_TO_JSAPI]'，替换为"<myserver>/ arcgis_js_v33_api/library/3.3/jsapi/"；

　　(3)找到..\arcgis_js_v33_api\library\3.3\jsapicompact\init.js文件，打开；查找'[HOSTNAME_AND_PATH_TO_JSAPI]'，替换为"<myserver>/ arcgis_js_v33_api/library/3.3/jsapicompact/"；

　　(4)找到..\arcgis_js_v33_api\library\3.3\jsapicompact\js\dojo\dojo\dojo.js文件，打开；查找'[HOSTNAME_AND_PATH_TO_JSAPI]'，替换为"<myserver>/ arcgis_js_v33_api/library/3.3/jsapicompact/"；

　　保存之后，将arcgis_js_v33_sdk文件夹直接拷贝到C:\Inetpub\wwwroot下，变成C:\Inetpub\wwwroot\arcgis_js_v33_sdk；

将arcgis_js_v33_api文件夹直接拷贝到C:\Inetpub\wwwroot下，变成C:\inetpub\wwwroot\arcgis_js_v33_api；

　　部署后，可以看到API和SDK的结构如下：

然后在IE中输入http://localhost/arcgis_js_v33_sdk/sdk/index.html，显示如下界面：

三、关于智能提示

　　开发如果没有智能提示，可想而知是一件多么痛苦的事情，好在Esri为Visual Studio 2010、Aptana3提供了一个插件，这样就使我们在使用ArcGIS API for Javascript的时候获得了方便，可以大大节约开发时间 。 这个插件其本质就是一个javascript文件，下载地址 ：https://developers.arcgis.com/en/javascript/jsapi/api_codeassist.html。
　　需要注意的是在Visual Studio 2010中dojo并不能智能提示，而Aptana和Visual Studio 2012 中对dojo则可以做到智能提示，如果对智能提示要求高的，可以采用Aptana和Visual Studio 2012作为开发环境。

四、测试——第一个应用程序

　　一切就绪之后后，我们要做的就是尝试，跟我们学习C、C#语言一样，都会用“Hello  Word！”作为我们的第一个程序，但是在这里，我们只需要简单的加载一幅捷泰科技有限公司官网上的地图作为我们的开始。

1.  建立项目

　　启动Visual Studio 2010，新建项目，选择“ASP.NET空Web应用程序”，给项目命名，如下图： 

2.  添加HTML文件

　　在Visual Studio 2010的览决方案管理器中，找到刚才新建的项目，在项目上点击右键，选择添加， 然后是新建项，选择HTML页，如下图：

3.  引入ArcGIS API for Javascript的智能提示文件
　　在项目中，创建dojo文件夹，引入ArcGIS API for Javascript的智能提示文件，如下图所示：

如果是使用Aptana3,直接将智能提示文件拷贝到工程里面就可以了。

4.  编写代码
　　打开FirstMap.html页面，写入下面的代码：

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>第一个地图应用</title>

    <link rel="stylesheet" type="text/css"

        href="http://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/js/dojo/dijit/themes/tundra/tundra.css" />

    <link rel="stylesheet" type="text/css"

        href="http://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/js/esri/css/esri.css" />

    <script type="text/javascript"

        src="http://192.168.1.100/arcgis_js_v33_api/library/3.3/jsapi/init.js"></script>

    <script src="dojo/jsapi_vsdoc12_v33.js" type="text/javascript"></script>

    <style type="text/css">

        .MapClass {

            width:1400px;

            height:700px;

            border: 1px solid #000;

        }

    </style>

    <script type="text/javascript">

        dojo.require("esri.map");

        dojo.require("dijit.layout.ContentPane");

        dojo.require("dijit.layout.BorderContainer");

        function Init() {

            var MyMap = new esri.Map("MyMapDiv");

            var MyTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://www.arcgisonline.cn/ArcGIS/rest/services/ChinaOnlineCommunity/MapServer");

            MyMap.addLayer(MyTiledMapServiceLayer)

        }

        dojo.addOnLoad(Init);

    </script>

</head>

<body class="tundra">

    <div id="MyMapDiv" class="MapClass"></div>

</body>

</html>

FirstMap.html

5.  运行程序

　　程序运行之后效果图如下图所示：

部署成功

附赠：arcgisonline上的一些地址：http://server.arcgisonline.com/ArcGIS/rest/services

ArcGIS Server for JavaScript 3.3 的安装部署的更多相关文章

  1. lzugis——Arcgis Server for JavaScript API之POI

    POI(Point Of Interest),感兴趣点,其实呢,严格意义上说应该不是POI,但是单位就这样叫了,我也就这样叫了,其实现的功能大致是这样的:用过百度地图的朋友们都知道你在百度地图时,当鼠 ...

  2. lzugis——Arcgis Server for JavaScript API之自己定义InfoWindow

    用过Arcgis Server for JavaScript API肯定知道InfoWIndow.你在用InfoWindow的时候会发现各种问题,比如不能全然显示的问题,遮盖对象的问题等等.所以呢我在 ...

  3. ArcGIS server开发之API for js 本地部署

    ArcGIS Server for javascript 本地部署 第一次使用arcgis server for js开发,在经验方面还有很多的不足,所以将自己在开发过程中遇到的问题写出来与大家共享. ...

  4. ArcGIS Server For Linux 10.2.2安装

    1.#  yum install Xvfb#  yum groupinstall "X Window System"# yum install gettext 2./usr/sbi ...

  5. lzugis——Arcgis Server for JavaScript API之自定义InfoWindow

    各位看到这个标题不要嫌烦,因为本人最近一直在研究相关的问题,所以相关文章也只能是这些,同时希望看过我的文章的朋友,我的文章能够给你帮助. 在前面的两篇相关的文章里面,实现InfoWindow是通过di ...

  6. lzugis——Arcgis Server for JavaScript API之自定义InfoWindow（续）

    同样的标题后面加了一个括弧,不是为了增减博文数量,而确实是上个功能的完善,标注为续,意思是继续上次的内容,来说说如何自定义InfoWindow. 在上一讲中,实现了InfoWindow的显示,但是并没 ...

  7. Arcgis Server for JavaScript API之自定义InfoWindow

    各位看到这个标题不要嫌烦,因为本人最近一直在研究相关的问题,所以相关文章也只能是这些,同时希望看过我的文章的朋友,我的文章能够给你帮助. 在前面的两篇相关的文章里面,实现InfoWindow是通过di ...

  8. lzugis——Arcgis Server for JavaScript API在自己的定义InfoWindow

    你看到这个标题嫌烦.因为我最近一直与研究问题,相关文章使这些也可以只,同时要读我文章的朋友.我的文章能够给你带来帮助. 在相关的内部的前两篇文章,达到InfoWindow经div实现的东西,成Info ...

  9. ArcGIS Server开发教程系列（1） Arcgis server 10.1 的安装

    本系列所使用的软件版本如下: Windows 7 X64 / Windows server 2008 X64 Arcgis for Desktop 10.1 Arcgis 10.1 for serve ...

随机推荐

  1. 【t065】最敏捷的机器人

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] [背景] Wind设计了很多机器人.但是它们都认为自己是最强的,于是,一场比赛开始了~ [问题描述] ...

  2. Nginx 的 location

    一.location语法 语法: Syntax: location [ = | ~ | ~* | ^~ ] uri { ... } location @name { ... } Default: — ...

  3. 得到Access数据库中所有表名

    public static List<string> GetShemaTables(string db)        {                        string pa ...

  4. 指针版的PStash(用一个void指针数组, 来保存存入元素的地址) 附模板化实现 p321

    由容器PStash的使用者,负责清除容器中的所有指针.所以用户必须记住放到容器中的是什么类型,在取出时,把取出的void指针转换成对应的类型指针,然后 'delete 转换后的对象指针',才能在清除时 ...

  5. maven环境隔离

    pom <build>节点下增加节点 <resources> <resource> <directory> src/main/resources.${d ...

  6. Python--day61--安装Django,Django项目的启动和设置运行端口和关闭运行端口

    0,安装Django 1,Django项目的启动 2,设置运行端口和关闭运行端口

  7. 【u233】单词化简

    Time Limit: 1 second Memory Limit: 64 MB [问题描述] 最近情报人员得到了一些经过加密的文章,每个单词都很长.破译人员想到先把单词化简一下,方法是把每个单词尽量 ...

  8. java笔试题及其答案

    1:下列哪个工具可以编译源文件(A) A:javac B:jdb C:javadoc D:junit 2:String b = new String("1"+"2&quo ...

  9. 【74.00%】【codeforces 747A】Display Size

    time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...

  10. Linux 内核VLB 总线

    另一个对 ISA 的扩展是 VESA Local Bus(VLB) 接口总线, 它扩展了 ISA 连接器, 通过 添加第 3 个知道长度的槽位. 一个设备可只插入这个额外的连接器(不用插入 2 个关联 ...