一、安装包下载

　　首先从官网下载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. SuperSocket通过本地证书仓库的证书来启用 TLS/SSL

    你也可以通过本地证书仓库的证书,而不是使用一个物理文件. 你只需要在配置中设置你要使用的证书的storeName和thumbprint: <server name="EchoServe ...

  2. 【t079】火星上的加法运算

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 最近欢欢看到一本有关火星的书籍,其中她被一个加法运算所困惑,由于她的运算水平有限,想向你求助,作为一名 ...

  3. P1093 铺地毯

    题目描述 为了准备一个独特的颁奖典礼,组织者在会场的一片矩形区域(可看做是平面直角坐标系的第一象限)铺上一些矩形地毯.一共有 \(n\) 张地毯,编号从 \(1\) 到 \(n\) .现在将这些地毯按 ...

  4. Java 趣事之 a=a++ 和 a=++a（转）

    转自:https://blog.csdn.net/LovePluto/article/details/81062176 如果问 a++ 和 ++a 的区别,估计很多都能回答上来.a++ 是先取 a 的 ...

  5. 2019-2-27-win10-uwp-去掉-Flyout-边框

    title author date CreateTime categories win10 uwp 去掉 Flyout 边框 lindexi 2019-02-27 17:48:46 +0800 201 ...

  6. Linux 内核sysfs 文件系统符号连接

    sysfs 文件系统有通常的树结构, 反映它代表的 kobjects 的层次组织. 但是内核中对象 间的关系常常比那个更加复杂. 例如, 一个 sysfs 子树 (/sys/devices )代表所有 ...

  7. WindowsDOS命令添加/创建/修改/删除服务

    添加服务 sc <server> create [service name] [binPath= ] <option1> <option2>... 在注册表和服务数 ...

  8. Jquery Validate表单验证，自定义校验正整数

    // 添加自定义校验规则,校验正整数 jQuery.validator.addMethod("positiveinteger", function(value, element) ...

  9. VJhrbustacm0304专题一题解

    L:搬果子 用一般的priority_queue做就可以了. 优先队列//扔进去就能自动排序的序列,记得T组数据要pop干净 #include<iostream> #include< ...

  10. linux安装python3.*，更换Python2.*

    下载并解压:Python-3.5.7.tgz [root@AH-aQYWTYSJZX01 python3]# ll total 20268 -rw-r----- 1 temp01 temp01 207 ...