如何学好arcgis api for js4.0,esri官网英语帮助文档太难理解

ArcGIS&API&for&JavaScript配置
最近呢,一直在学习ArcGIS API for JavaScript,其配置问题困扰了我好久,今天终于解决了,贴出来跟大家分享一下。
ArcGIS API for
JavaScript的配置主要分为两大板块:一是IIS配置,二是ArcGIS JS API以及SDK等的配置。
一、ArcGIS JS
API以及SDK等的配置。
这里需要两个安装包:arcgis_js_v316_api和arcgis_js_v316_sdk,大家可以从ESRI官网下载,我是朋友给我的,如果官网上下载不了,可以留言给我,我把安装包发出来。
先解压arcgis_js_v316_api包中的arcgis_js_api文件夹到指定路径@”C:\inetpub\wwwroot“下,再解压arcgis_js_v316_sdk包中的sdk文件夹到指定路径@”C:\inetpub\wwwroot\arcgis_js_api“下。
1.沿路径:C:\inetpub\wwwroot\arcgis_js_api\library\3.16\3.16
找到init.js文件,
将’[HOSTNAME_AND_PATH_TO_JSAPI]‘替换为’myserver/arcgis_js_api/library/3.16/3.16/‘
其中myserver 可以是机器名、 IP 等,在这里我用的是 localhost。
2.沿路径:C:\inetpub\wwwroot\arcgis_js_api\library\3.16\3.16
\dojo 找到dojo.js文件,
将’[HOSTNAME_AND_PATH_TO_JSAPI]‘替换为’myserver/arcgis_js_api/library/3.16/3.16/‘
二、IIS配置。
安装和更新IIS:打开控制面板-程序和功能-打开或关闭windows功能,就可以看到如下界面,正常情况下是应该勾选所有的IIS功能的,但是我在修改时提示“并非所有功能都能被修改“,在网上寻求众多解决方案均无果,无奈之下,只得挨个打开功能,发现“运行状况和诊断”功能下的“ODBC日志记录”不可用,目前来看,这个功能并不影响我的使用,所以少勾选一个也未尝不可啦。
配置IIS网站:打开控制面板-管理工具-Internet 信息服务(IIS)管理器
经过前几步的配置,可以看到左侧树结构如图:
你可以重新添加一个新网站,也可以使用默认网站,我这里就直接使用默认网站吧,默认网站右键-管理网站-高级设置-浏览修改物理路径为:”C:\inetpub\wwwroot“
回到网站页面打开”默认文档“-将iisstart.htm上移置顶-浏览网站,出现如下网页。为什么会出现这个网页呢,这是因为在我的”C:\inetpub\wwwroot“(即为此处的localhost)下有许多网页,包括iisstart.htm,将其置顶后,就会优先显示该网页。
三、实例运用。
一切就绪之后,我们要做的就是尝试,跟我们学习 C、C#语言一样,都会用“Hello
Word!”作为我们的第一个程序,所以,这里我们在网页上加载地图作为第一个ArcGIS JS API应用程序。
打开VS-新建一个ASP.NET 空 Web 应用程序-添加 HTML
文件-编写如下代码(注意你的js、css文件路径):
&当当当当~运行html页面,就出现如下的地图啦~
刚开始学习Web GIS 部分,不足的地方还请各位大神指正~<img TYPE="face" src="/blog7style/images/common/sg_trans.gif" real_src ="/uc/myshow/blog/misc/gif/E___7397ZH00SIGG.gif"
ALT="ArcGIS&API&for&JavaScript配置"
TITLE="ArcGIS&API&for&JavaScript配置" />
已投稿到:
以上网友发言只代表其个人观点,不代表新浪网的观点或立场。RequireJS加载ArcGIS API for JavaScript
来源:博客园
1.在main.js中配置ArcGIS API for JavaScript&#13;&#13;require.config({&#13;  paths : {&#13;    //arcgisJS&#13;    "esri": "libs/arcgisJS/esri",&#13;    "dojo": "libs/arcgisJS/dojo",&#13;    "dojox": "libs/arcgisJS/dojox",&#13;    "dijit": "libs/arcgisJS/dijit",&#13;  }&#13;});&#13;&#13;2.加载所需的模块&#13;&#13;define([&#13;
"esri/urlUtils",&#13;
"esri/config",&#13;
"esri/map",&#13;
"esri/layers/ArcGISTiledMapServiceLayer",&#13;
"esri/geometry/Point",&#13;
"esri/graphic",&#13;
"esri/SpatialReference",&#13;
"esri/tasks/GeometryService",&#13;
"esri/tasks/ProjectParameters",&#13;
"esri/tasks/FeatureSet",&#13;
"esri/dijit/PopupMobile",&#13;
"esri/geometry/Extent",&#13;
"dojo/dom-construct"&#13;
], function (app, urlUtils, esriConfig, Map, ArcGISTiledMapServiceLayer, Point, Graphic,&#13;
SpatialReference, GeometryService, ProjectParameters, FeatureSet, PopupMobile,&#13;
Extent, domConstruct) {&#13;});&#13;&#13;3.缺点&#13;这样的方式不是官方推荐的方式,说白了就是一个无奈的办法。这样带来的一个大缺点就是页面加载之后就把所有有关的ArcGIS API for JavaScript文件全部下载下来,而不是按模块下载。&#13;4.补充&#13;鉴于上面的办法太搓了,建议还是在页面嵌入iframe,在iframe里面写gis的代码吧!互不干扰,方为上策!
免责声明:本站部分内容、图片、文字、视频等来自于互联网,仅供大家学习与交流。相关内容如涉嫌侵犯您的知识产权或其他合法权益,请向本站发送有效通知,我们会及时处理。反馈邮箱&&&&。
学生服务号
在线咨询,奖学金返现,名师点评,等你来互动您所在位置: &
&nbsp&&nbsp&nbsp&&nbsp
ArcGIS+API+for+JS+开发教程.pdf260页
本文档一共被下载:
次 ,本文档已强制全文免费阅读,若需下载请自行甄别文档质量。
文档加载中...广告还剩秒
需要金币:80 &&
你可能关注的文档:
··········
··········
文档编号:_____________________ 版 本 号:_____________________ 范 围 :公开
ArcGIS API for Javascript 开发教程 2013 年3 月 易智瑞(中国)信息技术有限公司 1 ――c定及修订记―― 版本 修订时间 修订人 修订类型 修订章节 修订内容 刘宇 A 杜保坤 M 黄超 M 高杰 M 张楠 M 马鑫 M 伏伟伟 M
修订类型分为A - ADDED M - MODIFIED D CDELETED
注:对该文件内容增加、删除或修改均需填写此记录,详细记载变更信息,以保 证其可追溯性。 2 目 录
1 基本概念...............................................................................................................................9 1.1
JavaScript 介绍.................................................................................................................9 1.2
Dojo 介绍........................................................................................................................ 10 1.3
REST 介绍...................................................................................................................... 10 1.4
JSON 介绍..................................................................................................................... 11 1.5
ArcGIS API for Javascript 介绍..................................................................................... 13 1.5.1 ArcGIS API for Javascript 介绍..................................................................................................... 13 1.5.2 ArcGIS API for Javascript 主要特点............................................................................................. 13 1.6
ArcGIS for Server 服务类型.......................................................................................... 14 1.6.1 主要服务具备的能力.................................................................................................................... 15
2 应用开发起步..............
正在加载中,请稍后...首先是开发环境的配置:&
  arcgis api for javascript是使用javascript的框架dojo写的,js api的使用就是在网页中引用对应js文件的路径,同时也有与之相关的css文件的路径。而arcgis api for javascript的js文件引用路径,可以直接使用官网提供的cdn(官网提供的js文件的在线路径,但是网络不好时对应js文件可能下载不来。);也可以直接下载arcgis api for javascript 的sdk包,然后在自己的电脑上发布成一个网站,然后就可以调用了。
简单的开始:
&link rel="stylesheet" href="/3.17/esri/css/esri.css" /&
&script src="/3.17/"&&/script&
    这里使用cdn,具体应用如上。js的引用,会自动加载/3.17/init.js文件。然后就可以用自己的html+js+css写地图应用了。
  arcgis api for javascript的使用,在引用了对应文件之后,从自己的js代码中开始:
require(["esri/map","esri/basemaps"],function(Map,esriBasemaps){...});
  所有的js代码都是放在require()函数的第二个函数参数的函数体内的。这是dojo框架加载类、对象等的一个方法。require的第一个参数是我们要用到的所有api中的类、对象(这里要说一下,arcgis api for javascript中用模块或者说是文件夹来组织代码,用类、对象来提供功能),所需要的必须都写在第一个list参数中。第二个参数是一个函数,函数的参数是require的第一个参数中的class、对象的名称(这个名字是自己取的,虽然可以随意取,但是对于arcgis api中的arcgis提供了取名规范,最好按照规范来,方便理解、分享等)。
  在function函数体内,就可以书写执行代码了。首先就是dojo的ready方法(或者是 addOnaLoad方法),该方法的参数是一个函数,绑定的函数会在网页dom树加载完成之后开始执行。我们的代码中要使用dom对象,就应该在其加载完成之后开始执行。所有我们的执行代码一般都放在ready方法的函数参数的函数体内。
  然后就是一个简单的例子:
requrie(["esri/map","esri/basemaps","dojo/ready","dojo/domReady"],function(Map,esriBasemaps,ready){
ready(function(){
var map = new Map("divid",{
basemap:"dark-gray",
center:[113.225,22.369],
地图是放在一个div中的,上面的divid就是我们的div 的id,对于这个div我们可以用css进行外观设置,跟其他的div一样。"dark-gray"是arcgis提供的一些在线的地图对象,可以换成我们自己的静态地图对象。
阅读(...) 评论()

我要回帖

更多关于 arcgis api for js3.9 的文章

 

随机推荐