一、安装包下载

　　首先从官网下载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主动从服务器端推送数据到客户端

    关键字: 主动推送, 推送数据, 客户端推送, 获取Session, 发送数据, 回话快照 通过Session对象发送数据到客户端   前面已经说过,AppSession 代表了一个逻辑的 socke ...

  2. Python--day19--random模块

    random模块 >>> import random #随机小数 >>> random.random() # 大于0且小于1之间的小数 0.766433866365 ...

  3. Vue打包后放到服务器出现Loading chunk {n} failed 错误

    导航栏点击切换时 会出现Loading chunk {n} failed  ,刷新之后便不会出现.而且n在最新的build的文件中,n没有存在 偶然一次发现,项目更新迭代开发时上传测试环境后就会出现, ...

  4. maven 安装 环境变量设置后变成 mvn 并且Cmd Idea创建第一个项目

    1.maven的安装教程 下载地址为:http://maven.apache.org/download.cgi 点击下载,然后解压,我把目录名改为maven,目录结构如下图所示 下面我们配置环境变量 ...

  5. JAVA核心知识点--打包 FatJar 方法小结

    目录 什么是 FatJar 三种打包方法 1. 非遮蔽方法(Unshaded) 2. 遮蔽方法(Shaded) 3. 嵌套方法(Jar of Jars) 小结 参考阅读 原文地址:https://yq ...

  6. CF161BDiscounts

    CF161B 题目大意;要购买\(n\)件物品,有\(A\)\(B\)两种类型,要求分成\(k\)组,其中如果其中一组含有\(A\)类物品,那么这一组最便宜的一件物品就会半价 怎么分组最小化代价? 我 ...

  7. spring的几个面试题

    Spring 是一种轻量级开发框架,旨在提高开发人员的开发效率以及系统的可维护性.Spring 官网:https://spring.io/. 我们一般说 Spring 框架指的都是 Spring Fr ...

  8. [数论] hdu 5974 A Simple Math Problem (数论gcd)

    传送门 •题意 一直整数$a,b$,有 $\left\{\begin{matrix}x+y=a\\ LCM(x*y)=b \end{matrix}\right.$ 求$x,y$ •思路 解题重点:若$ ...

  9. 【Docker】镜像分层存储与镜像精简

    Linux操作系统 Linux操作系统由内核空间和用户空间组成. 内核空间是kernel,用户空间是rootfs, 不同Linux发行版的区别主要是rootfs.比如 Ubuntu 14.04 使用 ...

  10. vagrant在windows下的安装和配置（一）

    记录一下安装和配置过程中的一些坑步骤一分别下载vagrant和VirtualBox,我这里下载的是vagrant_1.9.1.msi 和 VirtualBox-5.1.14-112924-Win.ex ...