描述

本例展示了如何发送一些输入值到ArcGIS Server上的GIS模型并获得结果反馈给web应用。本例中，模型计算自在地图上单击点起始的驱动时间多边形。 例如，这个分析类型可用于想要知道多少人生活在驾车1，2和3分钟范围内的情况。

这个模型通过ArcGIS Server 地理处理服务提供。查看CalculateDriveTimePolygons服务的服务目录获得模型中可以使用的输入输出。除了默认的信息，模型作者还提供了附加的文档，可以通过单击页面上的"Help URL"访问。

可以创建一个地理处理任务从ArcGIS Server访问自己的模型:

gp = new esri.tasks.Geoprocessor("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Network/ESRI_DriveTime_US/GPServer/CreateDriveTimePolygons");

使用服务目录查出自己的地理处理服务的URL。

当使用一个地理处理任务时，通常配置一组输入参数，然后执行任务。

var params = { "Input_Location":featureSet, "Drive_Times":driveTimes };
gp.execute(params, getDriveTimePolys);

能够选择地包含一个回调函数，当任务执行完成时运行。在本例中回调函数getDriveTimePolys配置结果多边形的符号并将它们加到地图。

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 <html>

   <head>

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

     <meta http-equiv="X-UA-Compatible" content="IE=7" />

     <title>Service Area Task</title>

     <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.5/js/dojo/dijit/themes/tundra/tundra.css">

     <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.5"></script>

     <script type="text/javascript">

       dojo.require("esri.map");

       dojo.require("esri.tasks.gp");

        var map,gp;

        var driveTimes = "1 2 3";

        //初始化地图，gp,和图片参数

        function init() {

            var startExtent = new esri.geometry.Extent(-95.41, 38.86, -95.1, 39.06, new esri.SpatialReference({wkid:4326}));

            map = new esri.Map("mapDiv",{extent :startExtent});

            var streeMap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");

            map.addLayer(streeMap);

            gp = new esri.tasks.Geoprocessor("http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Network/ESRI_DriveTime_US/GPServer/CreateDriveTimePolygons");

            dojo.connect(map,"onClick",computeServiceArea);

        }

        function computeServiceArea(evt) {

           //清除所有图层

              map.graphics.clear();

              //设置点

              var pointSymbol = new esri.symbol.SimpleMarkerSymbol();

              //设置 线符号，实线，红色

              pointSymbol.setOutline = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0,0,255]), 1);

              pointSymbol.setSize(10);//设置点的大小

              pointSymbol.setColor(new dojo.Color([0,255,0,0.25]));//设置点的颜色

              //将点击的点的坐标，样式添加到图层

              var graphic = new esri.Graphic(evt.mapPoint,pointSymbol);

           map.graphics.add(graphic);

              //

              var features = [];

              features.push(graphic);

              var featureSet = new esri.tasks.FeatureSet();

              featureSet.features = features;

              var params = {  "Input_Location":featureSet, "Drive_Times":driveTimes};

              gp.execute(params,getDriveTimePolys);

        }

        function getDriveTimePolys(results,messages) {

             var features = results[0].value.features;

             for (var i=0,j=features.length;i<j;i++) {

                 var feature = features[i];

                 if(i == 0) {

                     var polySymbolRed = new esri.symbol.SimpleFillSymbol();

                     polySymbolRed.setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0,0,0,0.5]), 1));

                     polySymbolRed.setColor(new dojo.Color([255,0,0,0.7]));

                     feature.setSymbol(polySymbolRed);

                 }else if(i == 1) {

                     var polySymbolGreen = new esri.symbol.SimpleFillSymbol();

                     polySymbolGreen.setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0,0,0,0.5]), 1));

                     polySymbolGreen.setColor(new dojo.Color([0,255,0,0.7]));

                     feature.setSymbol(polySymbolGreen);

                 }else if(i == 2) {

                     var polySymbolBlue = new esri.symbol.SimpleFillSymbol();

                     polySymbolBlue.setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0,0,0,0.5]), 1));

                     polySymbolBlue.setColor(new dojo.Color([0,0,255,0.7]));

                     feature.setSymbol(polySymbolBlue);

                 }

                map.graphics.add(feature);

             }

        }

       dojo.addOnLoad(init);

     </script>

   </head>

   <body class="tundra">

     <div id="mapDiv" style="width:800px; height:600px; border:1px solid #000;"></div>

     Zoom in to a US city and single click the map.  A service area GP task will be executed synchronously and on

     completion the results will be drawn as graphic features to the map.  The drive time polygons are 1, 2,

     and 3 minutes.

   </body>

 </html>

ArcGIS api for javascript——地理处理任务-服务区域任务的更多相关文章

  1. ArcGIS api for javascript——地理编码任务-反向地理编码

    描述 反向地理编码确定地图上给出点的地址.本例展示了如何通过ArcGIS JavaScript API做反向地理编码. 反向地理编码和常规的地理编码请求都使用Locator类和ArcGIS Serve ...

  2. ArcGIS api for javascript——地理处理任务-瓶中信

    描述 如果在海洋中丢下一个瓶子,本例使用颗粒追踪模型显示指定的天数后瓶子在的地方.首先,输入一个追踪瓶子的天数.然后单击按钮并在海洋里的任意地方画一个点来开始模型.几秒以后将看到一条线出现描述瓶子将去 ...

  3. ArcGIS api for javascript——地理编码任务-地理编码地址

    描述 本例允许用户输入一个地址,然后显示匹配的地址的位置.这通常地被称为地理编码.在ArcGIS JavaScript API中,使用Locator类执行地理编码. 定位器构造函数需要ArcGIS S ...

  4. ArcGIS api for javascript——地理处理任务-计算一个可视域

    描述 本例展示了使用一个地理处理计算一个可视域(viewshed) 单击地图上的任意点查看该点5英里内能看见的所有区域.这个模型需要几秒钟来运行并反馈结果. 可视域计算是通过ArcGIS Server ...

  5. ArcGIS api for javascript——用第二个服务的范围设置地图范围

    描述 本例展示了如何设置地图的范围为地图其中一个图层的范围.本例有两个图层:ArcGIS Online上的世界地图图层ArcGISTiledMapServiceLayer和堪萨斯州的要素的图层ArcG ...

  6. ArcGIS API for JavaScript（2）-ArcGIS Server发布要素图层服务

    1.前言 上一篇该系列的文章我们主要讲了一下基础Web地图搭建,这篇我们主要讲一下ArcGIS Server发布服务,并且如何调用服务.将自己的数据加载到Web地图当中来,实现Web端浏览数据. 2. ...

  7. ArcGis API for JavaScript学习——加载地图

    ArcGis API for JavaScript开发笔记——加载地图 在这个例子中使用的离线部署的API(请参见 http://note.youdao.com/noteshare?id=f42865 ...

  8. ArcGIS API for JavaScript FeatureLayer服务属性编辑

    首先说一下感想吧,刚入行时感觉深似海,掉到了GIS开发的陨石大坑里了,首先是学了小半年的Flex,用到了ArcGIS API for Flex,接着又是半年的ArcEngine开发,现在终于摸到了一点 ...

  9. [ArcGIS]ArcGIS Server环境搭建，发布服务，以及使用ArcGIS API for JavaScript

    环境搭建 安装Web服务器 IIS 控制面板-程序-程序和功能-启用或关闭Windows功能,勾选以下 安装VisualStudio,选择包括ASP.NET模块 安装ArcGIS服务器 ArcGIS ...

随机推荐

  1. Linux部署之批量自动安装系统之DHCP篇

    1.         安装:yum install dhcp   2.         Ip配置信息   3.         Dhcp配置文件如下   4.         配置完后检查语法是否错误 ...

  2. Ubuntu系统下Import cv2提示no modules ...错误

    最近利用pycharm在Ubuntu系统下调试一个Python项目,将pycharm的解释器从python2.7更换到python3.4后,程序中的Import cv2提示no modules nam ...

  3. 状压DP复习

    深感自己姿势水平之蒻……一直都不是很会状压DP,NOIP又特别喜欢考,就来复习一发…… 题目来源 Orz sqzmz T1 [BZOJ4197][NOI2015]寿司晚宴 (做过)质因数分解最大的质因 ...

  4. virt-install 创建虚拟机

    [root@kvm-server vm]# qemu-img create -f qcow2 centos69b-disk0.qcow2 10G Formatting 'centos69b-disk0 ...

  5. java后台生成图片二维码

    controller: /** * 获取登录的验证码 * @param request * @param response */ public void getLoginCode(HttpSessio ...

  6. window安装特定补丁（勒索病毒）

    最近出现震惊的蠕虫病毒(勒索病毒),微软也做出相应的安全补丁来修复 MS17-010.这时有些同学不想打开电脑 的自动更新,这样会下载大量补丁,要更新完这些补丁要好几个小时,为了不影响正常工作,我们就 ...

  7. 洛谷 P2818 天使的起誓

    P2818 天使的起誓 题目描述 Tenshi非常幸运地被选为掌管智慧之匙的天使.在正式任职之前,她必须和其他新当选的天使一样要宣誓.宣誓仪式是每位天使各自表述自己的使命,他们的发言稿放在n个呈圆形排 ...

  8. Qt之自定义布局管理器（QFlowLayout）

    简述 QFlowLayout,顾名思义-流布局,实现了处理不同窗口大小的布局.根据应用窗口的宽度来进行控件放置的变化. 具体实现要求不再赘述,请参考前两节内容. 简述 实现 效果 源码 实现 QFlo ...

  9. [Test] Easy automated testing in NodeJS with TestCafe

    Quickly get up and running with sensible automated testing scenarios written in ES6. Installing and ...

  10. Qt5的插件机制（1）--Qt 框架中的插件载入机制概述

    概述 Qt的源代码中通过 Q<pluginType>Factory.Q<pluginType>Plugin 和 Q<pluginType> 这三个类实现了Qt的插件 ...