ArcGIS API for JavaScript开发环境搭建及第一个实例demo

web前端|js教程

ArcGIS ，JavaScript，开发环境搭建

web前端-js教程

ESRI公司截止到目前已经发布了最新的ArcGIS Server for JavaScript API v3.9，它提供了更为丰富而又强大的功能。

虚拟主机售卖源码,ubuntu 分区位置,爬虫词云分析,php 图片 尺寸,秀洲区网站seolzw

A、安装前准备

free函数源码,vscode怎么打开编译器,ubuntu 运行tim,tomcat启动失败45秒,pathon爬虫书籍,php解释程序,南坪靠谱的seo哪家好lzw

1、ArcGIS Server for JavaScript API各版本下载地址：http://support.esrichina-//0223/960.html，我们选择下载最新的“ArcGIS API for JavaScript 3.9：Library | SDK”,下图例：

中国最大源码交易,ubuntu如何复制代码,爬虫电视如何直播,slice php,seo交易论坛lzw

2、下载到本地的文件下图例：

3、解压上面2个zip压缩包，下图例：

4、确保本地已经安装了IIS，如果没有的话，请参考以下地址进行配置：

/article/8275fc8694360146a03cf6c3.html

B、api和sdk本地IIS配置部署

1、打开C:\Inetpub\wwwroot文件夹。

2、将arcgis_js_v39_sdk文件夹直接拷贝到C:\Inetpub\wwwroot下，变成C:\Inetpub\wwwroot\arcgis_js_v39_sdk，

下图例：

3、将arcgis_js_v39_api\arcgis_js_api目录下的library文件夹拷贝到

C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api下，变成

C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library，下图例：

4、打开IIS，下图例，浏览install.htm,下图例，说明初步部署成功：

5、找到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\init.js文件，利用记事本或EditPlus打开；Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI]，并替换为/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/，其中为机器名称或者机器IP，注意没有http前缀。可以是localhost或者192.168.11.195，这里我使用的是localhost，下图例：

6、找到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9\js\dojo\dojo\dojo.js文件，利用记事本或者EditPlus打开，Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI],并替换为/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9/，其中为机器名称或者机器IP，没有http前缀。可以是localhost或者192.168.11.195，这里我使用的是localhost，下图例：

7、下图例，找到3.9compact文件夹，接下来8）、9）步骤的操作和5）、6）完全相同，只是8）、9）操作针对3.9compact文件夹，而5）、6）操作针对3.9文件夹，下图例：

8、C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\init.js文件，利用记事本或者EditPlus打开；Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI]，并替换为/arcgis_js_v39_sdk/arcgis_js_api/library/3.9/3.9compact/，其中为机器名称或者机器IP，注意没有http前缀。可以是localhost或者192.168.11.195，这里我使用的是localhost，下图例：

9、找到C:\inetpub\wwwroot\arcgis_js_v39_sdk\arcgis_js_api\library\3.9\3.9compact\js\dojo\dojo\dojo.js文件，利用记事本或者EditPlus打开，Ctrl+F组合键查找[HOSTNAME_AND_PATH_TO_JSAPI],并替换为/ arcgis_js_v39_sdk/arcgis_js_api/library/3.9/ 3.9compact/,其中为机器名称或者机器IP，没有http前缀。可以是localhost或者192.168.11.195，这里我使用的是localhost，下图例：

10、经过上面9个步骤，我们就完成了ArcGIS API for JavaScript的本地部署。

C、实例demo运行

1、打开VS，新建一个空白Web项目，添加一个index.html文件，文件内容下图例：

这里使用的css和js文件都是前面步骤中配置好的本地服务器上的路径。

html, body, #mapDiv { padding: 0; margin: 0; height: 100%;}dojo.require("esri.map");function init() { var myMap = new esri.Map("mapDiv"); var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer( "/ArcGIS/rest/services/ChinaOnlineCommunityENG/MapServer"); myMap.addLayer(myTiledMapServiceLayer);}dojo.addOnLoad(init);

2、运行index.html页面，下图例：