一、安装包下载

　　首先从官网下载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. spring boot + thymeleaf 乱码问题

    spring boot + thymeleaf 乱码问题 hellotrms 发布于 2017/01/17 15:27 阅读 1K+ 收藏 0 答案 1 开发四年只会写业务代码,分布式高并发都不会还做 ...

  2. CSS 个性化滚动条样式

    页面中有许多内容过多时,为了不影响整体布局,总会有滚动效果代替.but,许多情况浏览器自带的滚动条样式与整体UI 界面不搭啊,怎么办,当然作为界面的化妆师CSS就出手啦~ 滚动条样式由多个伪类组成 下 ...

  3. linux 自旋锁 API 简介

    自旋锁原语要求的包含文件是 <linux/spinlock.h>. 一个实际的锁有类型 spinlock_t. 象任何其他数据结构, 一个 自旋锁必须初始化. 这个初始化可以在编译时完成, ...

  4. ZR10.1青岛集训三地联考

    ZR10.1青岛集训三地联考 谢谢dijk和smy A 题目大意: 已知斐波那契数列\(f\) 设 \[ F_i = \sum_{i = 0}^nf_if_{n - i} \] 求 \[ \sum_{ ...

  5. dotnet core 获取 MacAddress 地址方法

    本文告诉大家如何在 dotnet core 获取 Mac 地址 因为在 dotnetcore 是没有直接和硬件相关的,所以无法通过 WMI 的方法获取当前设备的 Mac 地址 但是在 dotnet c ...

  6. [板子]KMP

    KMP板子,你甚至可以用这个板子A掉luogu的3375 基础懒得说,要求一个Next数组. #include<cstdio> #include<algorithm> #inc ...

  7. QT中加载动态链接库

    一.添加第三方的头文件 这个问题再简单不过了,不过我还是要说下. 首先,添加头文件  #include "ControlCAN.h" 然后,再将这个头文件放到工程的目录下,就OK了 ...

  8. looping through multiple lists

    map: 最大长度输出: zip: 最短输出: third: 有序排列: a = ['a1', 'a2', 'a3'] b = ['b1', 'b2'] print "Map:" ...

  9. h5 页面 实现单选题，多选题功能。

    效果图: 项目要求: 1:实现单选题和多选题区分 (这个根据后端传来的数据判断 ) 2 单选选中效果 和  多选选中效果(利用input 和label ) 3.答题成功与失败 分单选和多选的情况    ...

  10. Java 8 默认接口实现及其他语言特性

    一.为什么有默认接口实现 1.由于Java 8的API在现存的接口上引入了非常多的新方法(如List接口上的sort方法).在原有语法基础上,如Guava和Apache Commons这样的框架都需要 ...