一、安装包下载

　　首先从官网下载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. 不需内测账号，带你体验微信小程序完整开发过程

    不需内测账号,带你体验微信小程序完整开发过程 2016年09月24日 - 作者: SwiftCafe 微信小程序还没正式发布就已经迅速成为大家讨论的焦点,那么大家可能觉得只有收到内测邀请才能体验小程序 ...

  2. 漏洞: RHSA-2017:3075: wget security update

    该网址有解决方案 http://www.stumblingblock.cn/3102.html

  3. spring boot The request was rejected because the URL was not normalized

    升级spring boot 1.5.10.RELEASE 版本后,突然发现之前能Nginx代理能请求的地址抛如下异常: org.springframework.security.web.firewal ...

  4. 总结thinkphp快捷查询getBy、getField、getFieldBy用法及场景

    thinkphp作为国内现阶段最成熟的框架:没有之一: 不得不说是有好些特别方便的方法的: 然而如果初接触thinkphp的时候难免会被搞的有点迷茫: for example这些: getBy get ...

  5. python模块之包

    包:将解决一类问题的模块放在同一目录下就形成了一个包 为了更好的了解包,我们就模拟创建一个包 import os os.makedirs('glance/api') os.makedirs('glan ...

  6. H3C FTP双TCP连接方式

  7. H3C IP地址与子网掩码

  8. 列表内容自动向上滚动（原生JS）

    效果展示 (鼠标移入,滚动停止:鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div.因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容 ...

  9. yum安装错误：CRITICAL:yum.cli:Config Error: Error accessing file for config file:///home/linux/+

    上网搜了一下然后自己总结一份 : 出现原因:yum可能没有,或者损坏 解决: 第一步:下载   wget  http://yum.baseurl.org/download/3.2/yum-3.2.28 ...

  10. 【codeforces 764A】Taymyr is calling you

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