ArcGIS WebApp Builder 使用指南


ArcGIS WebApp Builder 是Esri在2014年4月份推出的,相信做WebGIS开发的GISer们对ArcGIS的FlexViewer都不陌生,这次推出的就相当于JS版的Viewer。

1、ArcGIS WebApp Builder安装、部署

    ArcGIS WebApp Builder的服务端是用Node.js开发的,所以必须先安装、部署Node.js,安装Node安装比较简单,在此就不再赘述;

  解压下载的arcgis-webapp-builder-1.0beta,解压后如下图所示目录:

  ArcGIS WebApp Builder 使用指南_第1张图片

builder:ArcGIS WebApp Builder整个App工程文件;

docs:帮助和说明文档;

stemapp:WebApp的模板文件;

修改stemapp目录下的env.js,修改apiUrl 使其指向你本地的js api的URL,若本地没有部署则可直接改为在线的URL;


在命令终端下进入builder文件夹,并执行node server

ArcGIS WebApp Builder 使用指南_第2张图片

若出现以下界面则表示运行成功:

ArcGIS WebApp Builder 使用指南_第3张图片

2、自定义WebApp应用

在浏览器中输入http://localhost:3344/webappbuilder,出现以下界面:

ArcGIS WebApp Builder 使用指南_第4张图片

点击新建按钮新建WebApp,目前暂不支持3D应用,选择2D输入App名称:

ArcGIS WebApp Builder 使用指南_第5张图片

点击确定后就会跳转到自定义WebApp的界面,在这里就可以自己定义主题、地图、工具以及一些属性信息了,并且可以预览该应用在不同分辨率设备下的展现效果;ArcGIS WebApp Builder 使用指南_第6张图片

预览WebApp


编辑完之后可以返回主页下载自定义的WebApp

ArcGIS WebApp Builder 使用指南_第7张图片

下载下来之后可以在其基础上再去自己修改、添加新的Widget,你自己写的Widget也可以放到stemapp的widget下则可以在WebApp Builder的App里看到该Widget。

Ok 整个WebApp builder的部署就这么简单,下一篇我会讲解一下如何自定义Widget!



你可能感兴趣的:(ArcGIS,for,JavaScript)