var layer_vector, layer_image, layer_POI, map,layer_SC; var layer_RouteLine, layer_RoutePoi; var graphicLayer_RouteLine; var redColor, blueColor; var geoService; var layerUrl_cd_vector = "http://125.70.9.221:8020/cdmap/rest/services/BASEMAP/Vector/MapServer"; var layerUrl_cd_raster = "http://125.70.9.221:8020/cdmap/rest/services/BASEMAP/Raster/MapServer"; var layerUrl_POI = "http://123.146.170.78:6080/arcgis/rest/services/SCPOI2/MapServer/1"; var layerUrl_SC = "http://123.146.170.78:6080/arcgis/rest/services/SCPOI2/MapServer/"; dojoConfig = { parseOnLoad: true, packages: [{ name: 'tdlib', location: this.location.pathname.replace(/\/[^/]+$/, "") + "/js/tdlib" }] }; require(["esri/map", "tdlib/TDTLayer", "tdlib/TDTRasterLayer", "tdlib/TDTAnnoLayer", "esri/layers/FeatureLayer","esri/InfoTemplate", "esri/geometry/Point", "esri/layers/GraphicsLayer", "esri/Color","esri/layers/ArcGISDynamicMapServiceLayer", "dojo/domReady!"], function (Map, TDTLayer, TDTRasterLayer, TDTAnnoLayer, FeatureLayer, InfoTemplate, Point, GraphicsLayer, Color, ArcGISDynamicMapServiceLayer) { var pt = new Point(104.06464933797728, 30.66198193058378); map = new Map("divMap", { logo: false, center: pt, zoom: 7 }); layer_vector = new TDTLayer(); layer_vector.id = "tianDiTu_vec"; layer_vector.visible = false; map.addLayer(layer_vector); layer_image = new TDTRasterLayer(); layer_image.id = "tianDiTu_img"; layer_image.visible = false; map.addLayer(layer_image); layer_SC = new ArcGISDynamicMapServiceLayer(layerUrl_SC, { useMapImage: true, }); layer_SC.setVisibleLayers([]); map.addLayer(layer_SC); var template_POI = { title: "${NAME}", content: "" + "" + "
  • 名称:${NAME}
  • 类型:${CTYPE}
  • 区域:${CITY}-${DISTRICT}
  • 电话:${TEL}
  • 地址:${ADDRESS}
" }; var infoTemplate_POI = new InfoTemplate(template_POI); layer_POI = new FeatureLayer(layerUrl_POI,{ definitionExpression: "CTYPE='1'", infoTemplate: infoTemplate_POI, outFields: ["*"] }); map.addLayer(layer_POI); graphicLayer_RouteLine = new GraphicsLayer({ id: "graphicLayer_RouteLine" }); map.addLayer(graphicLayer_RouteLine); map.on('click', function (event) { if (isSetBufferCenter) { $("#txtBufferX").val(event.mapPoint.x); $("#txtBufferY").val(event.mapPoint.y); showEventPoint(event.mapPoint.x, event.mapPoint.y); isSetBufferCenter = false; } //var txt = $("#txtCoord").val()+ '['+ event.mapPoint.x + ',' + event.mapPoint.y + ']' var txt = event.mapPoint.x + ',' + event.mapPoint.y; $("#txtCoord").val(txt); }); showLayer('vector'); //初始化颜色 redColor = new Color([255, 0, 0]); blueColor = new Color([0, 0, 255]); } ); function showLayer(layerType) { layer_image.setVisibility(false); layer_vector.setVisibility(false); switch (layerType) { case 'vector': layer_vector.setVisibility(true); break; case 'image': layer_image.setVisibility(true); break; } } function addressQuery() { var queryValue = $("#txtQuery").val(); var queryUrl = "http://www.scgis.net.cn/imap/imapserver/defaultrest/services/Newscnamesearch//Search?keyname=" + queryValue + "&typeCode=&DiQuKey=&QuXianKey=&isOnlyName=false&token=i44984NioeS2YQXAEi-NWImtfxFPNSx67E928s7whNAS9nH0uwTuO_YsKaxDdaxtdXi83flyMrcC9oG5S32Duw..&SearchEnvelope=&StartIndex=0&StopIndex=1000&ST=92916&callback=dojo.io.script.jsonp_dojoIoScript4._jsonpCallback"; $.ajax({ url: queryUrl, success: function (data) { data = data.replace('dojo.io.script.jsonp_dojoIoScript4._jsonpCallback(', ''); data = data.replace(');', ''); var result = eval('(' + data + ')'); alert(result.message.features.length); var txt = ""; map.graphics.clear(); //for (i = 0; i < result.message.features.length; i++) { // txt += result.message.features[i].attributes[3] + ','; // var feature = result.message.features[i]; // var attr = { name: feature.attributes[3], type: feature.attributes[4], address: feature.attributes[8], pic: feature.attributes[10] }; // addPoint(feature.attributes[1], feature.attributes[2], view.spatialReference, attr); //} txt = JSON.stringify(result.message.columns); txt = txt + JSON.stringify(result.message.features); $("#txtCoord").val(txt); } }) } //添加点位 function addPointGraphic(x, y, pic) { require(["esri/symbols/PictureMarkerSymbol", "esri/symbols/TextSymbol", "esri/geometry/Point", "esri/graphic"], function (PictureMarkerSymbol, TextSymbol, Point, Graphic) { var pt = new Point(x,y,map.spatialReference ); var symbol = new PictureMarkerSymbol(pic,32,32); var ptGraphic = new Graphic(pt, symbol ); map.graphics.add(ptGraphic); }); } //添加显示点 function addPoint(x, y, spatialReference, attri) { require(["esri/symbols/PictureMarkerSymbol", "esri/symbols/TextSymbol", "esri/geometry/Point", "esri/graphic", "esri/InfoTemplate"], function (PictureMarkerSymbol, TextSymbol, Point, Graphic, InfoTemplate) { var pt = new Point({ x: x, y: y, spatialReference: spatialReference }); var symbol = new PictureMarkerSymbol( "images/mapIcon/qiangji32.png",32,32); var infoTemplate = new InfoTemplate("${NAME}","名称:${NAME}
类型:${TYPE}
地址:${ADDRESS}"); var polylineGraphic = new Graphic(pt,symbol, attri,infoTemplate); map.graphics.add(polylineGraphic); var textSymbol = new TextSymbol({ color: "white", backgroundColor: "green", haloColor: "black", haloSize: "1px", text: attri.name, xoffset: 3, yoffset: 3, font: { size: 12, family: "sans-serif", weight: "bolder" } }); var txtGraphic = new Graphic( pt, textSymbol ); map.graphics.add(txtGraphic); }); } //添加显示线 function addLine(pts, spatialReference,color) { require(["esri/geometry/Polyline", "esri/symbols/SimpleLineSymbol", "esri/Color", "esri/graphic"], function (Polyline, SimpleLineSymbol, Color,Graphic) { var paths = [pts]; var line = new Polyline({ paths: paths, spatialReference: spatialReference }); var symbol = new SimpleLineSymbol(     SimpleLineSymbol.STYLE_SOLID,     color,     3   ); var lineGraphic = new Graphic(line, symbol); graphicLayer_RouteLine.add(lineGraphic); map.setExtent(line.getExtent().expand(3)); }); } //专题图显示 //仓库-1,加油站-2,派出所-3,危化品企业-4,学校-5,医疗卫生-6,应急避难场所-7 $("#layerList li input").change(function (evt) { var where = ""; var layerCheckes = $("#layerList li input"); for (i = 0; i < layerCheckes.length; i++) { if (layerCheckes[i].checked) { where += layerCheckes[i].id.replace('zt_', '') + ","; } } if (where == "") where = "CTYPEID=-1"; else where = "CTYPEID in (" + where.substring(0, where.length - 1) + ")"; layer_POI.setDefinitionExpression(where); }); //轨迹回放 var timer_Route; var iPoint_Route; //实际行走险路 var points_Route = [[104.12151233673112, 30.668625259399512], [104.11966697692887, 30.667809867858985], [104.11842243194596, 30.667251968383887], [104.1170062255861, 30.666822814941504], [104.11606208801285, 30.66639366149912], [104.1147746276857, 30.666050338745215], [104.11378757476822, 30.665792846679786], [104.11211387634293, 30.66519203186045], [104.11116973876969, 30.66493453979502], [104.11172763824479, 30.66347541809092], [104.11211387634293, 30.6624454498292], [104.11228553771988, 30.661329650879004], [104.11228553771988, 30.659870529174903], [104.11219970703141, 30.65866889953623], [104.11215679168721, 30.65656604766857], [104.11215679168721, 30.655192756652944], [104.11215679168721, 30.654162788391226], [104.11189929962178, 30.653347396850698], [104.11138431549092, 30.652188682556265], [104.11052600860616, 30.65055789947521], [104.10971061706567, 30.649141693115368], [104.10885231018091, 30.64759674072279], [104.10765068054224, 30.645708465576305], [104.10662071228052, 30.64459266662611], [104.10524742126489, 30.64313354492201], [104.10456077575708, 30.641416931152477], [104.10370246887231, 30.639700317382946], [104.10258666992212, 30.63832702636732], [104.1019000244143, 30.63661041259779], [104.10078422546411, 30.635237121582165], [104.1000975799563, 30.633949661255016], [104.09923927307153, 30.632490539550915], [104.09786598205591, 30.63085975646986], [104.09709350585962, 30.62940063476576], [104.09520523071315, 30.626654052734516], [104.09383193969752, 30.62528076171889], [104.09314529418971, 30.624250793457172], [104.09211532592799, 30.623907470703266], [104.09039871215846, 30.62356414794936], [104.08816711425807, 30.623392486572406], [104.08490554809596, 30.623220825195453], [104.08198730468776, 30.622877502441547], [104.08112899780299, 30.622877502441547], [104.08061401367213, 30.621160888672016], [104.08009902954127, 30.619100952148578], [104.07975570678737, 30.61704101562514], [104.07924072265651, 30.614723587036273], [104.07829658508327, 30.611891174316547], [104.07821075439479, 30.610689544677875], [104.0779532623294, 30.609402084350727], [104.07812492370635, 30.608200454712055], [104.07812492370635, 30.606998825073383], [104.07778160095245, 30.60528221130385], [104.07718078613311, 30.60356559753432], [104.07743827819854, 30.602707290649555], [104.0779532623294, 30.60184898376479], [104.07846824646026, 30.60081901550307], [104.07863990783721, 30.60030403137221], [104.07881156921417, 30.599445724487445], [104.07881156921417, 30.598415756225727], [104.07863990783721, 30.597729110717914], [104.0779532623294, 30.5970424652101]]; //规定运输线路 var points_Route_Must = [[104.1214522489628, 30.668844129226763], [104.12299720135537, 30.669530774734575], [104.12454215374795, 30.670217420242388], [104.12625876751748, 30.671075727127153], [104.1284045347294, 30.672105695388872], [104.13106528607217, 30.673307325027544], [104.13312522259561, 30.674251462600786], [104.13381186810342, 30.674852277420122], [104.13484183636514, 30.675023938797075], [104.13655845013467, 30.673993970535356], [104.13776007977334, 30.67313566365059], [104.13930503216592, 30.672277356765825], [104.14102164593545, 30.671075727127153], [104.14308158245889, 30.670217420242388], [104.1452273496708, 30.66987409748848], [104.14754477825967, 30.670045758865434], [104.14969054547159, 30.67038908161934], [104.15179339733926, 30.670732404373236], [104.15320960369912, 30.670818235061713], [104.15522662487832, 30.67116155781562], [104.15702906933633, 30.67141904988105], [104.1576727994999, 30.67141904988105], [104.15883151379434, 30.671247388504096], [104.15977565136758, 30.670732404373236], [104.16037646618692, 30.66991701283271], [104.16059104290811, 30.668715383194037], [104.16054812756387, 30.667513753555365], [104.16020480480996, 30.665840055130072], [104.15788737622108, 30.660518552444522], [104.15582743969765, 30.655712033889834], [104.15514079418983, 30.650218869827334], [104.15376750317421, 30.648158933303897], [104.15239421215858, 30.644039060257022], [104.15102092114296, 30.64060583271796], [104.14964763012733, 30.637515927932803], [104.14690104809608, 30.633739377639834], [104.14621440258827, 30.630306150100772], [104.14346782055702, 30.62687292256171], [104.1469638285795, 30.63422600206069], [104.14559053756388, 30.631136097275533], [104.14490389205606, 30.628389515244283], [104.14353060104044, 30.625642933213033], [104.14215731002481, 30.62220970567397], [104.14215731002481, 30.61946312364272], [104.13838075973185, 30.616373218857564], [104.13700746871622, 30.612596668564596], [104.1359775004545, 30.610536732041158], [104.13391756393106, 30.608133472763814], [104.13151430465372, 30.60573021348647], [104.12842439986856, 30.605043567978658], [104.12430452682169, 30.60298363145522], [104.12155794479044, 30.601610340439596], [104.11881136275919, 30.60126701768569], [104.11606478072794, 30.599550403916158], [104.11091493941935, 30.599893726670064], [104.10782503463419, 30.599550403916158], [104.10507845260294, 30.598863758408346], [104.10164522506388, 30.59852043565444], [104.09855532027872, 30.59852043565444], [104.09546541549356, 30.59852043565444], [104.09271883346231, 30.59749046739272], [104.09065889693888, 30.59749046739272], [104.08859896041544, 30.59852043565444], [104.08585237838419, 30.59852043565444], [104.08310579635294, 30.599550403916158], [104.08035921432169, 30.599893726670064], [104.07932924605996, 30.600022472702776], [104.07872843124062, 30.60019413407973], [104.0788142619291, 30.599722065293108], [104.07868551589638, 30.598992504441057], [104.07864260055214, 30.598220028244768], [104.07847093917519, 30.597619213425432], [104.07799887038857, 30.597318806015764]]; function showRoute() { iPoint_Route = 0; map.graphics.clear(); layer_POI.setDefinitionExpression("CTYPEID=-1"); //绘制轨迹线 addLine(points_Route, map.spatialReference,blueColor); //绘制审批线路 addLine(points_Route_Must, map.spatialReference, redColor); //启动车辆 timer_Route = setInterval(flashRoute, 2000); } //刷新轨迹位置 function flashRoute() { map.graphics.clear(); if (iPoint_Route < points_Route.length) { addPointGraphic(points_Route[iPoint_Route][0], points_Route[iPoint_Route][1], "images/mapIcon/huoche.png"); iPoint_Route++; } else { clearInterval(timer_Route); } } //全图 function zoomFull() { require(["esri/geometry/Point"], function (Point) { var pt = new Point({ x: 102.1750010681153, y: 29.958719635009814, spatialReference: map.spatialReference }); map.centerAndZoom(pt, 5); }); } //放大 function zoomOut() { var zm = map.getZoom() + 1; if (zm <20) map.setZoom(zm); } //缩小 function zoomIn() { var zm = map.getZoom() - 1; if (zm > 4) map.setZoom(zm); } //-----------------------------------------城市定位------------------------------ $("#ulCity li").click(function () { cityLocation(this.innerText); }); var cityCenterData = [{ name: '成都市', coordX: 104.06464933797728, coordY: 30.66198193058378 }, { name: '德阳市', coordX: 104.39616182267683, coordY: 31.128626242838894 }, { name: '广汉市', coordX: 104.27720050416442, coordY: 30.98125495072465 }, { name: '什邡市', coordX: 104.16931136018156, coordY: 31.128094096761312 }, { name: '绵阳市', coordX: 104.71953866976015, coordY: 31.49196533513092 }, { name: '广元市', coordX: 105.8411551951016, coordY: 32.432445904973584 }, { name: '巴中市', coordX: 106.7548743597749, coordY: 31.857723620173256 }, { name: '达州市', coordX: 107.48052099925064, coordY: 31.219486720196677 }, { name: '自贡市', coordX: 104.77421082761674, coordY: 29.351811088249352 }, { name: '泸州市', coordX: 105.43799099601415, coordY: 28.875347847910863 }, { name: '宜宾市', coordX: 104.61442845147651, coordY: 28.77949224084179 }, { name: '乐山市', coordX: 103.76477383864666, coordY: 29.570748332166442 }, { name: '眉山市', coordX: 103.8388628847487, coordY: 30.057785987714666 }, { name: '雅安市', coordX: 103.01869917051499, coordY: 29.994477273989844 }, { name: '甘孜州', coordX: 101.96085326462626, coordY: 30.036053673370464 }, { name: '阿坝州', coordX: 102.22195024516553, coordY: 31.90058805220809 }, { name: '凉山州', coordX: 102.25959586068651, coordY: 27.883986689826066 }, { name: '攀枝花市', coordX: 101.70856287209915, coordY: 26.581591822882732 }, { name: '广安市', coordX: 106.6307129347292, coordY: 30.46058945850295 }, { name: '南充市', coordX: 106.09258885235211, coordY: 30.80133728127757 }, { name: '内江市', coordX: 105.05860193954454, coordY: 29.595999533171394 }, { name: '资阳市', coordX: 104.63823762986025, coordY: 30.12372097172833 }, { name: '遂宁市', coordX: 105.586908738787, coordY: 30.517752717983164 }] function cityLocation(cityName) { for (i = 0; i < cityCenterData.length; i++) { if (cityCenterData[i].name == cityName) { require(["esri/geometry/Point"], function (Point) { var pt = new Point({ x: cityCenterData[i].coordX, y: cityCenterData[i].coordY, spatialReference: map.spatialReference }); map.centerAndZoom(pt, 10); }); } } } //-----------------------------------------城市定位 END------------------------------ //--------------------------------------热力图分析------------------------------------- function showHeatMap() { require([         "esri/InfoTemplate",         "esri/layers/FeatureLayer",         "esri/map",         "esri/renderers/HeatmapRenderer",         "dojo/domReady!" ],function (InfoTemplate, FeatureLayer, Map, HeatmapRenderer) { var infoTemplate = new InfoTemplate("${NAME}", "名称:${NAME}
类型:${TYPE}
地址:${ADDRESS}"); var heatmapFeatureLayerOptions = { mode: FeatureLayer.MODE_SNAPSHOT, infoTemplate: infoTemplate, outFields: ["*"], definitionExpression: layer_POI.getDefinitionExpression() }; var heatmapFeatureLayer = new FeatureLayer(layerUrl_POI, heatmapFeatureLayerOptions); var heatmapRenderer = new HeatmapRenderer(); heatmapFeatureLayer.setRenderer(heatmapRenderer); map.addLayer(heatmapFeatureLayer); }); } //--------------------------------------热力图分析 END------------------------------------- //--------------------------------------缓冲区分析------------------------------------- var isSetBufferCenter = false; function setBufferCenter() { isSetBufferCenter = true; } function executeBuffer() { var dis = $("#txtBufferDis").val(); var bufferX= $("#txtBufferX").val(); var bufferY = $("#txtBufferY").val(); bufferX = parseFloat(bufferX); bufferY = parseFloat(bufferY); dis = parseFloat(dis); bufferAnalyst(bufferX, bufferY, dis); } function bufferAnalyst(ptX,ptY, bufferDistance) { require(["esri/geometry/Point", "esri/tasks/BufferParameters", "esri/SpatialReference", "dojo/dom", "esri/tasks/GeometryService", "esri/geometry/normalizeUtils" ], function (Point, BufferParameters, SpatialReference, dom, GeometryService, normalizeUtils) { if (geoService == null) { geoService = "init"; esriConfig.defaults.geometryService = new GeometryService("http://123.146.170.78:6080/arcgis/rest/services/Utilities/Geometry/GeometryServer"); // proxy 用于跨域 esriConfig.defaults.io.proxyUrl = "/proxy/"; esriConfig.defaults.io.alwaysUseProxy = false; } var params = new BufferParameters(); var centerPoint = new Point(ptX, ptY, map.spatialReference); //params.geometries = [centerPoint]; params.distances = [bufferDistance/100000]; params.unit = 9102; //GeometryService.UNIT_SQUARE_FEET; params.bufferSpatialReference = map.spatialReference; params.outSpatialReference = map.spatialReference; normalizeUtils.normalizeCentralMeridian([centerPoint]).then(function (normalizedGeometries) { var normalizedGeometry = normalizedGeometries[0]; if (normalizedGeometry.type === "polygon") { // 规范化多边形几何操作 esriConfig.defaults.geometryService.simplify([normalizedGeometry], function (geometries) { params.geometries = geometries; // 进行缓冲操作 esriConfig.defaults.geometryService.buffer(params, showBuffResult);// ShowBuffer is callback function }); } else { params.geometries = [normalizedGeometry]; esriConfig.defaults.geometryService.buffer(params, showBuffResult); } }); }); } function showBuffResult(bufferedGeometries) { require(["esri/graphic", "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleLineSymbol", "esri/Color", "dojo/_base/array"], function (Graphic, SimpleFillSymbol, SimpleLineSymbol, Color, array) { // 设置缓冲区显示样式 var symbol = new SimpleFillSymbol( SimpleFillSymbol.STYLE_SOLID, new SimpleLineSymbol( SimpleLineSymbol.STYLE_SOLID, new Color([255, 0, 0, 0.65]), 2), new Color([255, 0, 0, 0.35]) ); // dojo 数组遍历 array.forEach(bufferedGeometries, function (geometry) { bufferGeometry = geometry; map.setExtent(geometry.getExtent().expand(3)); // 显示地图绘制样式 var graphic = new Graphic(geometry, symbol); map.graphics.add(graphic); }); }); } //--------------------------------------缓冲区分析 END------------------------------------- //--------------------------------------应急事件处置------------------------------------- function eventHandle() { require(["esri/geometry/Point", "esri/tasks/BufferParameters", "esri/SpatialReference", "dojo/dom", "esri/tasks/GeometryService", "esri/geometry/normalizeUtils" ], function (Point, BufferParameters, SpatialReference, dom, GeometryService, normalizeUtils) { showEventPoint(104.06464933797728, 30.66198193058378); var where = "CTYPEID in (11,12,13,14)"; layer_POI.setDefinitionExpression(where); bufferAnalyst(104.06464933797728, 30.66198193058378, 1000); }); } function showEventPoint(ptX, ptY) { require(["esri/symbols/PictureMarkerSymbol", "esri/graphic", "esri/geometry/Point" ], function (PictureMarkerSymbol, Graphic, Point) { map.graphics.clear(); var centerPoint = new Point(ptX, ptY, map.spatialReference); //定位点符号 var symbol_Point = new PictureMarkerSymbol('images/mapIcon/event.png', 32, 32); map.graphics.add(new Graphic(centerPoint, symbol_Point)); }); } //--------------------------------------应急事件处置 END------------------------------------- //-------------------------------------显示危化品生命周期------------------------------- function showLife() { clearAll(); layer_SC.setVisibleLayers([0, 2]); require(["esri/geometry/Point"], function (Point) { var pt = new Point({ x: 104.021, y: 30.661, spatialReference: map.spatialReference }); map.centerAndZoom(pt, 10); }); clearInterval(timer_Route); } function clearAll() { layer_SC.setVisibleLayers([]); layer_POI.setVisibility(false); map.graphics.clear(); }