7e6bce2f03a862bbc9248b551532773648fcc264.svn-base 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. const options = {
  2. url: "/arcgisApi/4.7/init.js"
  3. };
  4. import axios from 'axios'
  5. import {_getLngLat} from './mercatorToLngLat'
  6. let cancelRequest;
  7. var cancelToken = new axios.CancelToken(function executor(c) {
  8. cancelRequest = c
  9. console.log(c)
  10. // 这个参数 c 就是CancelToken构造函数里面自带的取消请求的函数,这里把该函数当参数用
  11. });
  12. var gateFlow = '';
  13. var gateFlowWidthZoom = [
  14. {
  15. zoom:0,
  16. gateFlow:1000,
  17. },{
  18. zoom:1,
  19. gateFlow:1000,
  20. },{
  21. zoom:2,
  22. gateFlow:1000,
  23. },{
  24. zoom:3,
  25. gateFlow:1000,
  26. },{
  27. zoom:4,
  28. gateFlow:700,
  29. },{
  30. zoom:5,
  31. gateFlow:700,
  32. },{
  33. zoom:6,
  34. gateFlow:400,
  35. },{
  36. zoom:7,
  37. gateFlow:400,
  38. },{
  39. zoom:8,
  40. gateFlow:200,
  41. },{
  42. zoom:9,
  43. gateFlow:200,
  44. },{
  45. zoom:10,
  46. gateFlow:100,
  47. },{
  48. zoom:11,
  49. gateFlow:100,
  50. },{
  51. zoom:12,
  52. gateFlow:'',
  53. },{
  54. zoom:13,
  55. gateFlow:'',
  56. },{
  57. zoom:14,
  58. gateFlow:'',
  59. },{
  60. zoom:15,
  61. gateFlow:'',
  62. },{
  63. zoom:16,
  64. gateFlow:'',
  65. },{
  66. zoom:17,
  67. gateFlow:'',
  68. },{
  69. zoom:18,
  70. gateFlow:'',
  71. }
  72. ]
  73. import _default,* as esriLoader from "esri-loader";
  74. import {getShgcListForMap,getAllSZList} from '../../../api/zhxxAPI.js'
  75. export function getSzList(_self){
  76. esriLoader.loadModules(["esri/Graphic","esri/geometry/Point","esri/geometry/SpatialReference",
  77. "dojo/domReady!"],options).then( (
  78. [Graphic,Point,SpatialReference]) => {
  79. var szGraphicLayer = _self.mapObject.findLayerById("szGraphicLayer");
  80. szGraphicLayer.removeAll();
  81. gateFlowWidthZoom.forEach((item)=>{
  82. if(item.zoom == _self.viewObject.zoom){
  83. // gateFlow = item.gateFlow;
  84. }
  85. });
  86. var symbol = {
  87. type: "picture-marker",
  88. url: "/src/views/zongHeXinXiNew/assets/sz.png",
  89. width: "12px",
  90. height: "12px"
  91. };
  92. var maxLgtd = _self.viewObject.extent.xmax;
  93. var maxLttd = _self.viewObject.extent.ymax;
  94. var minLgtd = _self.viewObject.extent.xmin;
  95. var minLttd = _self.viewObject.extent.ymin;
  96. var bottomLeft = _getLngLat({
  97. x:minLgtd,
  98. y:minLttd
  99. })
  100. var topRight = _getLngLat({
  101. x:maxLgtd,
  102. y:maxLttd
  103. })
  104. var maxLgtd1 = topRight.lng;
  105. var maxLttd1 = topRight.lat;
  106. var minLgtd1 = bottomLeft.lng;
  107. var minLttd1 = bottomLeft.lat;
  108. var gra,pt,symbol;
  109. cancelRequest;
  110. getShgcListForMap(_self.userId,'6',_self.currentAdCode,'','','','','').then((res)=>{
  111. if(res.data){
  112. res.data.forEach((item)=>{
  113. if(item.centerY && item.centerX){
  114. pt = new Point(item.centerX,item.centerY,new SpatialReference(4326));
  115. gra = new Graphic({
  116. geometry:pt,
  117. symbol:symbol,
  118. attributes:item
  119. })
  120. szGraphicLayer.add(gra);
  121. }
  122. });
  123. }
  124. })
  125. }).catch(err => {
  126. console.error(err);
  127. });
  128. }
  129. export function getAllSzList(_self){
  130. esriLoader.loadModules(["esri/Graphic","esri/geometry/Point","esri/geometry/SpatialReference",
  131. "dojo/domReady!"],options).then( (
  132. [Graphic,Point,SpatialReference]) => {
  133. var szGraphicLayerAll = _self.mapObject.findLayerById("szGraphicLayerAll");
  134. szGraphicLayerAll.removeAll();
  135. gateFlowWidthZoom.forEach((item)=>{
  136. if(item.zoom == _self.viewObject.zoom){
  137. gateFlow = item.gateFlow;
  138. }
  139. });
  140. var symbol = {
  141. type: "picture-marker",
  142. url: "/src/views/zongHeXinXiNew/assets/szAll.png",
  143. width: "12px",
  144. height: "12px"
  145. };
  146. var maxLgtd = _self.viewObject.extent.xmax;
  147. var maxLttd = _self.viewObject.extent.ymax;
  148. var minLgtd = _self.viewObject.extent.xmin;
  149. var minLttd = _self.viewObject.extent.ymin;
  150. var bottomLeft = _getLngLat({
  151. x:minLgtd,
  152. y:minLttd
  153. })
  154. var topRight = _getLngLat({
  155. x:maxLgtd,
  156. y:maxLttd
  157. })
  158. var maxLgtd1 = topRight.lng;
  159. var maxLttd1 = topRight.lat;
  160. var minLgtd1 = bottomLeft.lng;
  161. var minLttd1 = bottomLeft.lat;
  162. var displayLevel = _self.viewObject.zoom-3;
  163. var gra,pt,symbol;
  164. cancelRequest;
  165. getAllSZList(_self.currentAdCode,maxLgtd1,maxLttd1,minLgtd1,minLttd1,gateFlow,displayLevel).then((res)=>{
  166. if(res.data){
  167. res.data.forEach((item)=>{
  168. if(item.centerY && item.centerX){
  169. pt = new Point(item.centerX,item.centerY,new SpatialReference(4326));
  170. gra = new Graphic({
  171. geometry:pt,
  172. symbol:symbol,
  173. attributes:item
  174. })
  175. szGraphicLayerAll.add(gra);
  176. }
  177. });
  178. }
  179. })
  180. }).catch(err => {
  181. console.error(err);
  182. });
  183. }