今年7月刚刚发布的ArcGIS 10.2为GIS的web开发带来了一个很实在的功能，JSON转要素。以往GIS图层外部数据（如文本数据，数据库数据）动态地写入地图服务中的图层是一件不可想象的事情，如今可以用JSON动态地生成图层中的要素了，在这重新整理分享一个实战经验。
饮水思源，转载勿删：http://www.cnblogs.com/evkchina/p/3478999.html，请支持关注北京易维清www.evkchina.com
首先谈谈需要解决的一个问题，以数据库的形式存了一批点的数据，包括点的经纬度，及相关的信息，如水体的污染物浓度，而且这些点每天都有一套数据，我需要在WEB上根据时间把这些点查询并显示在相应的地图上，不能每天都从数据库中取数做成图层发布一次吧，这会累死不可，这就需要一个自动查询数据库点并动态形成GIS图层加载到的相应的地图上。好，下面就来解决这个问题。
1.创建ArcGIS模型：用转换工具》JSON》JSON转要素，设置JSON文件（PDATA）和输出图层（PointResult.shp）为模型参数，输出图层（PointResult.shp）勾选添加至显示。
ArcGIS使用的JSON文件是比较复杂的，可以先做一个规范的要素图层然后使用 要素转JSON 工具生成一个JSON，在根据生成的JSON格式，制作动态的JSON数据。
2.把模型发布为地理处理服务：关闭模型编辑编辑窗口，双击运行模型，在结果窗口中把模型运行结果共享为地理处理服务，注意勾选参数》异步》查看含地图服务的结果。
发布完成后，可查看服务的submitJob界面，这里的PDATA(GPDataFile)需要一个JSON文件的路径作为参数，形式为"{'url': 'json文件路径'}"。
3.在Asp.net MVC中使用地理处理服务：View代码(.cshtml)的关键脚本为（由于时间问题没有重新整理，粘贴了之前的代码，代码里有一个DZ的参数，是地理处理服务的另一个参数可以忽略），
可以参照Arcgis官网给出的例子（https://developers.arcgis.com/en/javascript/jssamples/gp_resultmapservice.html），但由于遇到跨域问题，代码改动的比较多。
<script type="text/javascript"> require([ "dojo/dom", "dojo/_base/array", "dojo/date/locale", "dojo/parser", "dijit/registry", "esri/domUtils", "esri/map", "esri/graphic", "esri/layers/ArcGISDynamicMapServiceLayer", "esri/layers/FeatureLayer", "esri/tasks/Geoprocessor", "esri/dijit/Legend", "dijit/form/DateTextBox", "dijit/layout/BorderContainer", "dijit/layout/ContentPane"], function (dom, array, locale, parser, registry, domUtils, Map, Graphic, ArcGISDynamicMapServiceLayer, FeatureLayer, Geoprocessor, Legend) { var gpServiceUrl = "http://huang-pc:6080/arcgis/rest/services/dianchi/R3/GPServer/R3", mapserviceurl = "http://localhost:6080/arcgis/rest/services/dianchi/R3/MapServer/jobs", legend; parser.parse(); var map = new Map("map", { basemap: "satellite", center: [102.7038, 24.8270], logo: false, zoom: 11 }); var dituLayer = new ArcGISDynamicMapServiceLayer("http://huang-pc:6080/arcgis/rest/services/dianchi/ditu/MapServer", { "id": "ditu00" }); map.addLayers([dituLayer]); function findHotspot() { //cleanup any results from previous runs cleanup(); mysubmitJob(); } function cleanup() { //hide the legend and remove the existing hotspot layer // domUtils.hide(dom.byId('legendDiv')); var hotspotLayer = map.getLayer('HotspotLayer'); if (hotspotLayer) { map.removeLayer(hotspotLayer); } } var jobs = 0; var jobstatus = ""; var interval; function mysubmitJob() { var dzdata = $("#dzData").val(); var thedate = $("#theDate").val(); var wq = $("#dataType").val(); var pdata = "{'url': '" + "http://localhost:5907/Home/R3GISViewJSON/" + thedate + "/" + wq + "/JSONTEMP.JSON'}" var submitjoburl = gpServiceUrl + "/submitJob"; $.ajax({ type: 'get', dataType: "jsonp", url: submitjoburl, data: { DZ: dzdata, PDATA: pdata, f: "pjson" }, jsonpCallback: "jsonpCallback", success: function (data) { jobs = 0; if (data.jobStatus == "esriJobSucceeded") { doMapJob(data); } else { getJobStatus(data.jobId); } } }); } function getJobStatus(sjobid) { clearTimeout(interval); domUtils.show(dom.byId('status')); if (jobs < 60) { var sjoburl = gpServiceUrl + "/jobs/" + sjobid; $.ajax({ type: "get", dataType: "jsonp", url: sjoburl, data: { f: "pjson" }, jsonpCallback: "jsonpCallback", success: function (data) { switch (data.jobStatus) { case 'esriJobSubmitted': jobstatus = '已提交...'; dom.byId('status').innerHTML = jobstatus; jobs = jobs + 1; interval = setTimeout(function () { getJobStatus(data.jobId) }, 1000); break; case 'esriJobExecuting': jobstatus = '处理中...'; dom.byId('status').innerHTML = jobstatus; jobs = jobs + 1; interval = setTimeout(function () { getJobStatus(data.jobId) }, 1000); break; case 'esriJobSucceeded': clearTimeout(interval); domUtils.hide(dom.byId('status')); doMapJob(data); break; case 'esriJobFailed': clearTimeout(interval); jobstatus = '查询失败'; dom.byId('status').innerHTML = jobstatus; gpJobFailed(); } } }); } else { clearTimeout(interval); jobstatus = '查询失败'; dom.byId('status').innerHTML = jobstatus; gpJobFailed(); } } function gpJobFailed() { //domUtils.hide(dom.byId('status')); } function doMapJob(jobinfo) { //construct the result map service url using the id from jobinfo we'll add a new layer to the map var mapurl = mapserviceurl + "/" + jobinfo.jobId; var hotspotLayer = new ArcGISDynamicMapServiceLayer(mapurl, { "id": "HotspotLayer", "opacity": 1 }); //add the hotspot layer to the map map.addLayers([hotspotLayer]); legend = new Legend({ map: map }, "legendDiv"); legend.startup(); } app = { findHotspot: findHotspot }; return app; }); function hidediv() { var ditu00div = $("#legendDiv_ditu00"); if (ditu00div.html() == "") { return; } $("#legendDiv_ditu00").html(""); hidediv(); } </script>
生成JSON的Controller代码为：
public ActionResult R3GISViewLSWQJSON(string dt, string wq) { var cultureInfo = CultureInfo.CreateSpecificCulture("zh-CN"); string format = "yyyy-M-d"; var datetime = System.DateTime.ParseExact(dt, format, cultureInfo); var pointjson = new POINTJSON().getjsonfile(datetime, wq, "历史数据"); JsonResult jsonData = new JsonResult { Data = pointjson }; return Json(jsonData.Data, "application/json", JsonRequestBehavior.AllowGet); }
new POINTJSON().getjsonfile()返回一个JSON结构的类，
JsonResult jsonData = new JsonResult { Data = pointjson };
将类转化为JSON结构数据。
这里有一个很重要的技巧，这是使用Asp.net MVC的一个特点，View代码中 var pdata = "{'url': '" + "http://localhost:5907/Home/R3GISViewLSWQJSON/" + thedate + "/" + wq + "/JSONTEMP.JSON'}" 作为PDATA(GPDataFile)的参数（一个JSON文件的路径"{'url': 'json文件路径'}"），但是这里没有用到临时文件，而是直接输出JSON数据，后面是有一个路由作为支撑的，代码为：
routes.MapRoute( "GetJson", // Route name "{controller}/{action}/{dt}/{wq}/{json}", // URL with parameters new { controller = "Home", action = "Index", dt = UrlParameter.Optional, wq = UrlParameter.Optional, id = UrlParameter.Optional } // Parameter defaults );
这里有3个参数，前两个由Controller的方法 public ActionResult R3GISViewLSWQJSON(string dt, string wq) 接收了，而第3个在这个方法里是没有出现的，但是它非常重要，它是用来欺骗ArcGIS服务用的，PDATA(GPDataFile)是一个文件的路径，带.json后缀，这个参数刚好用来.json结尾，让ArcGIS服务当做服务来处理了，省去了临时文件的繁琐工作。
到此为止，问题就结局了。
由于时间关系，很多具体的细节没有在这里说到，请见谅，欢迎在本文评论中交流学习。
饮水思源，转载勿删：http://www.cnblogs.com/evkchina/p/3478999.html，请支持关注北京易维清www.evkchina.com 最后，卖一个关子，就是JSON数据转换成较多的线要素和面要素时，JSON文件特别大，这种方法失效了，所以线要素和面要素的动态数据还得用别的方法，后面会继续跟大家分享，敬请关注。
 |
 |