index.js 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591
  1. import { createSelector } from 'reselect';
  2. import Global from './Common';
  3. import {
  4. latLngDegreesToDecimal,
  5. latLngDecimalToDegrees,
  6. isObject,
  7. isSafeString
  8. } from './Utils'
  9. let LatLon = require('geodesy').LatLonSpherical;
  10. function getCircleRegions(circle) {
  11. let latlon = new LatLon(circle.coordinate.latitude, circle.coordinate.longitude)
  12. let d1 = latlon.destinationPoint(circle.radius, 0)
  13. let d2 = latlon.destinationPoint(circle.radius, 90)
  14. let d3 = latlon.destinationPoint(circle.radius, 180)
  15. let d4 = latlon.destinationPoint(circle.radius, 270)
  16. return [{ lat: d1.lat, lng: d1.lon }, { lat: d2.lat, lng: d2.lon }, { lat: d3.lat, lng: d3.lon }, { lat: d4.lat, lng: d4.lon }]
  17. }
  18. function getDefaultStyle() {
  19. let imageName = 'BA_oval'
  20. let lineWidth = Global.amapLineWidth
  21. let strokeColor = Global.amapStrokeColor
  22. let fillColor = Global.amapFillColor
  23. return {imageName, lineWidth, strokeColor, fillColor}
  24. }
  25. function getCircles(airspaceInfos, setStyle, currentAirspaceIndex) {
  26. let circles = [];
  27. if (!Array.isArray(airspaceInfos)) {
  28. return circles;
  29. }
  30. let {lineWidth, strokeColor, fillColor} = getDefaultStyle()
  31. //通过该方法获取样式
  32. let circleStyle = setStyle('circle');
  33. if(circleStyle) {
  34. lineWidth = circleStyle.lineWidth
  35. strokeColor = circleStyle.strokeColor
  36. fillColor = circleStyle.fillColor
  37. }
  38. for (let i = 0; i < airspaceInfos.length; i++) {
  39. let tmpCircle = airspaceInfos[i]
  40. let airspaceTypeFix, radiusFix
  41. if (tmpCircle.airspaceType) {
  42. airspaceTypeFix = 'airspaceType';
  43. radiusFix = 'radius'
  44. } else {
  45. airspaceTypeFix = 'airspace_type';
  46. radiusFix = 'radius_of_flying'
  47. }
  48. if (tmpCircle[airspaceTypeFix] == Global.airspaceType.circle && currentAirspaceIndex != i) {
  49. let coordinate = {};
  50. if (tmpCircle.center_point_of_flying) {
  51. coordinate.latitude = tmpCircle.center_point_of_flying.lat;
  52. coordinate.longitude = tmpCircle.center_point_of_flying.lng;
  53. } else {
  54. coordinate.latitude = latLngDegreesToDecimal(tmpCircle.lat);
  55. coordinate.longitude = latLngDegreesToDecimal(tmpCircle.lng);
  56. }
  57. let radius = tmpCircle[radiusFix];
  58. let circle = {lineWidth, strokeColor, fillColor, radius, coordinate}
  59. circles.push(circle);
  60. }
  61. }
  62. return circles;
  63. }
  64. function getCircleSelector(airspaceInfos, setStyle, currentAirspaceIndex) {
  65. return createSelector(
  66. airspaceInfos,
  67. () => setStyle,
  68. currentAirspaceIndex,
  69. getCircles
  70. );
  71. }
  72. function getLatLng(latlng, dataType) {
  73. if(dataType == 1) { // 驼峰模式,新建计划的时候的格式
  74. return latLngDegreesToDecimal(latlng)
  75. } else {
  76. return latlng
  77. }
  78. }
  79. function drawLineConfig(lat, lng, dataType) {
  80. return {
  81. latitude: getLatLng(lat, dataType),
  82. longitude: getLatLng(lng, dataType)
  83. };
  84. }
  85. function addOvalPointConfig(lat, lng, imageName, dataType) {
  86. return {
  87. coordinate: {
  88. latitude: getLatLng(lat, dataType),
  89. longitude: getLatLng(lng, dataType)
  90. },
  91. imageName: imageName
  92. };
  93. }
  94. function getCrossPoint(points1, points2) {
  95. for(let point1 of points1) {
  96. for(let point2 of points2) {
  97. if (point1.point_id == point2.point_id)
  98. return point1
  99. }
  100. }
  101. }
  102. function getAirwayPoints(airway, pointBefore, pointAfter) {
  103. let found = 0
  104. let points = []
  105. let pointTypeFix, pointsFix, pointIdFix
  106. if ('points' in airway) {
  107. pointTypeFix = 'point_type';
  108. pointsFix = 'points'
  109. pointIdFix = 'point_id'
  110. } else {
  111. pointTypeFix = 'pointType'
  112. pointsFix = 'airlines'
  113. pointIdFix = 'pointId'
  114. }
  115. // 如果前后是其他航线,那么找到交叉点作为前后的点
  116. if ( pointBefore[pointTypeFix] == Global.pointTypes.line ) {
  117. pointBefore = getCrossPoint(airway[pointsFix], pointBefore[pointsFix])
  118. }
  119. if(pointAfter[pointTypeFix] == Global.pointTypes.line) {
  120. pointAfter = getCrossPoint(airway[pointsFix], pointAfter[pointsFix])
  121. }
  122. for (let point of airway[pointsFix]) {
  123. if (pointBefore[pointIdFix] == point.point_id || pointAfter[pointIdFix] == point.point_id) {
  124. found++
  125. points.push(Object.assign({}, point))
  126. continue
  127. }
  128. if (found == 1) {
  129. points.push(Object.assign({}, point))
  130. }
  131. }
  132. if (!(points.length > 0 && found == 2)) {
  133. // 如果两个点不全在航线上面,那么画全部航线
  134. points = airway[pointsFix]
  135. }
  136. return points;
  137. }
  138. function getLinesRouter(lineProps, lineAndMarkerStyle) {
  139. let coordinates = new Array();
  140. let markers = new Array();
  141. let lines = []
  142. let {imageName, lineWidth, strokeColor} = getDefaultStyle()
  143. if (lineAndMarkerStyle) {
  144. imageName = lineAndMarkerStyle.imageName
  145. lineWidth = lineAndMarkerStyle.lineWidth
  146. strokeColor = lineAndMarkerStyle.strokeColor
  147. }
  148. let startPoint, passPoints, endPoint, pointTypeFix, dataType
  149. if (lineProps.start_point) {
  150. dataType = 2 // 下划线模式
  151. startPoint = lineProps['start_point']
  152. passPoints = lineProps['passing_points']
  153. endPoint = lineProps['end_point']
  154. pointTypeFix = 'point_type';
  155. } else {
  156. dataType = 1 // 驼峰模式
  157. startPoint = lineProps['dep']
  158. passPoints = lineProps['passPoints']
  159. endPoint = lineProps['arrive']
  160. pointTypeFix = 'pointType'
  161. }
  162. if (startPoint) {
  163. coordinates.push(drawLineConfig(startPoint.lat, startPoint.lng, dataType));
  164. markers.push(addOvalPointConfig(startPoint.lat, startPoint.lng, imageName, dataType));
  165. }
  166. if (Array.isArray(passPoints)) {
  167. for (let i = 0; i < passPoints.length; i++) {
  168. let obj = passPoints[i]
  169. if (!isObject(obj)) { // 所有的 points/airway 都必须是 obj
  170. continue;
  171. }
  172. let pointType = obj[pointTypeFix]
  173. if ( pointType == Global.pointTypes.point
  174. || pointType == Global.pointTypes.nav) {
  175. coordinates.push(drawLineConfig(obj.lat, obj.lng, dataType));
  176. markers.push(addOvalPointConfig(obj.lat, obj.lng, imageName, dataType));
  177. } else {
  178. // 遇到一个航线,不需要和前前面的点连起来
  179. if (coordinates.length > 1) {
  180. lines.push({lineWidth, strokeColor, coordinates})
  181. }
  182. coordinates = []
  183. const pointBefore = i == 0 ? startPoint : passPoints[i - 1]
  184. const pointAfter = i == passPoints.length - 1 ? endPoint : passPoints[i + 1]
  185. lines.push({lineWidth, strokeColor, coordinates: getAirwayPoints(obj, pointBefore, pointAfter)})
  186. }
  187. }
  188. }
  189. if (endPoint) {
  190. coordinates.push(drawLineConfig(endPoint.lat, endPoint.lng, dataType));
  191. markers.push(addOvalPointConfig(endPoint.lat, endPoint.lng, imageName, dataType));
  192. }
  193. if (coordinates.length > 1) {
  194. lines.push({lineWidth, strokeColor, coordinates});
  195. }
  196. return { lines, markers };
  197. }
  198. function getLinesAndMarkers(airspaceInfos, setStyle, currentAirspaceIndex) {
  199. let retLines = [];
  200. let retMarkers = [];
  201. if (!Array.isArray(airspaceInfos)) {
  202. return { lines: retLines, markers: retMarkers };
  203. }
  204. let lineStyle = setStyle('line');
  205. for (let i = 0; i < airspaceInfos.length; i++) {
  206. let tmpLine = airspaceInfos[i]
  207. let airspaceTypeFix;
  208. if (tmpLine.airspaceType)
  209. airspaceTypeFix = 'airspaceType';
  210. else
  211. airspaceTypeFix = 'airspace_type';
  212. if (tmpLine[airspaceTypeFix] == Global.airspaceType.line && currentAirspaceIndex != i) {
  213. let { lines, markers } = getLinesRouter(tmpLine, lineStyle);
  214. retMarkers.push(...markers);
  215. retLines.push(...lines);
  216. }
  217. }
  218. return { lines: retLines, markers: retMarkers };
  219. }
  220. function getLineAndMarkerSelector(airspaceInfos, setStyle, currentAirspaceIndex) {
  221. return createSelector(
  222. airspaceInfos,
  223. () => setStyle,
  224. currentAirspaceIndex,
  225. getLinesAndMarkers
  226. );
  227. }
  228. function getPolygon(polygonProps, polygonAndMarkerStyle) {
  229. let coordinates = new Array();
  230. let markers = new Array();
  231. let {imageName, lineWidth, strokeColor, fillColor} = getDefaultStyle()
  232. if (polygonAndMarkerStyle) {
  233. imageName = polygonAndMarkerStyle.imageName
  234. lineWidth = polygonAndMarkerStyle.lineWidth
  235. strokeColor = polygonAndMarkerStyle.strokeColor
  236. fillColor = polygonAndMarkerStyle.fillColor
  237. }
  238. let pointsFix, dataType;
  239. if (polygonProps.points) {
  240. pointsFix = 'points';
  241. dataType = 2
  242. } else {
  243. pointsFix = 'polygonPoints';
  244. dataType = 1 // 驼峰模式
  245. }
  246. if (Array.isArray(polygonProps[pointsFix])) {
  247. for (let obj of polygonProps[pointsFix]) {
  248. coordinates.push(drawLineConfig(obj.lat, obj.lng, dataType));
  249. markers.push(addOvalPointConfig(obj.lat, obj.lng, imageName, dataType));
  250. }
  251. }
  252. let polygon = {lineWidth, strokeColor, fillColor, coordinates};
  253. return { markers, polygon };
  254. }
  255. function getPolygonsAndMarkers(airspaceInfos, setStyle, currentAirspaceIndex) {
  256. let markers = [];
  257. let polygons = [];
  258. if (!Array.isArray(airspaceInfos)) {
  259. return { markers, polygons };
  260. }
  261. let polygonAndMarkerStyle = setStyle('polygon');
  262. for (let i = 0; i < airspaceInfos.length; i++) {
  263. let polygon = airspaceInfos[i]
  264. let airspaceTypeFix;
  265. if (polygon.airspaceType)
  266. airspaceTypeFix = 'airspaceType';
  267. else
  268. airspaceTypeFix = 'airspace_type';
  269. if (polygon[airspaceTypeFix] == Global.airspaceType.polygon && currentAirspaceIndex != i) {
  270. let retObj = getPolygon(polygon, polygonAndMarkerStyle);
  271. markers.push(...retObj.markers);
  272. polygons.push(retObj.polygon);
  273. }
  274. }
  275. return { markers, polygons };
  276. }
  277. function getPolygonAndMarkerSelector(airspaceInfos, setStyle, currentAirspaceIndex) {
  278. return createSelector(
  279. airspaceInfos,
  280. () => setStyle,
  281. currentAirspaceIndex,
  282. getPolygonsAndMarkers
  283. );
  284. }
  285. function getMarkers(polygonAndMarkers, lineAndMarkers) {
  286. let markers = [];
  287. if (polygonAndMarkers) {
  288. markers = [...polygonAndMarkers.markers]
  289. }
  290. if (lineAndMarkers) {
  291. markers = [...markers, ...lineAndMarkers.markers]
  292. }
  293. return markers
  294. }
  295. function getMarkerSelector(polygonAndMarkers, lineAndMarkers) {
  296. return createSelector(
  297. polygonAndMarkers,
  298. lineAndMarkers,
  299. getMarkers
  300. )
  301. }
  302. function getRegionPoints(circles, lineAndMarkers, polygonAndMarkers) {
  303. let regionPoints = new Array();
  304. for (let i = 0; i < circles.length; i++) {
  305. regionPoints.push(...getCircleRegions(circles[i]));
  306. }
  307. let lines = lineAndMarkers.lines;
  308. for (let i = 0; i < lines.length; i++) {
  309. regionPoints.push(...lines[i].coordinates);
  310. }
  311. let polygons = polygonAndMarkers.polygons;
  312. for (let i = 0; i < polygons.length; i++) {
  313. regionPoints.push(...polygons[i].coordinates);
  314. }
  315. return regionPoints;
  316. }
  317. function getRegionPointsSelector(circles, lineAndMarkers, polygonAndMarkers) {
  318. return createSelector(
  319. circles,
  320. lineAndMarkers,
  321. polygonAndMarkers,
  322. getRegionPoints
  323. );
  324. }
  325. function getLines(lineAndMarker) {
  326. return lineAndMarker.lines;
  327. }
  328. function getLineSelector(lineAndMarker) {
  329. return createSelector(
  330. lineAndMarker,
  331. getLines
  332. );
  333. }
  334. function getPolygons(polygonAndMarkers) {
  335. return polygonAndMarkers.polygons;
  336. }
  337. function getPolygonSelector(polygonAndMarkers) {
  338. return createSelector(
  339. polygonAndMarkers,
  340. getPolygons
  341. );
  342. }
  343. let setStyle = (style) => {
  344. if (!style)
  345. return (shapeName) => { return null }
  346. else
  347. return (shapeName) => style[shapeName]
  348. }
  349. //获取selector
  350. export function getShapesSelector(airspaceInfos, style, currentAirspaceIndex) {
  351. currentAirspaceIndex = currentAirspaceIndex ? currentAirspaceIndex : () => -1;
  352. let circles = getCircleSelector(airspaceInfos, setStyle(style), currentAirspaceIndex);
  353. let lineAndMarkers = getLineAndMarkerSelector(airspaceInfos, setStyle(style), currentAirspaceIndex);
  354. let lines = getLineSelector(lineAndMarkers);
  355. let polygonAndMarkers = getPolygonAndMarkerSelector(airspaceInfos, setStyle(style), currentAirspaceIndex);
  356. let polygons = getPolygonSelector(polygonAndMarkers);
  357. let markers = getMarkerSelector(polygonAndMarkers, lineAndMarkers);
  358. let regionPoints = getRegionPointsSelector(circles, lineAndMarkers, polygonAndMarkers);
  359. return {
  360. markers,
  361. circles,
  362. lines,
  363. polygons,
  364. regionPoints
  365. }
  366. }
  367. //获取数组
  368. export function getShapes(airspaceInfos, style, currentAirspaceIndex) {
  369. let {markers, polygons, circles, lines, regionPoints} =
  370. getShapesSelector((airspaceInfos)=>airspaceInfos, style, (currentAirspaceIndex)=>currentAirspaceIndex)
  371. return {
  372. markers: markers(airspaceInfos),
  373. circles: circles(airspaceInfos),
  374. lines: lines(airspaceInfos),
  375. polygons: polygons(airspaceInfos),
  376. regionPoints: regionPoints(airspaceInfos)
  377. }
  378. }
  379. export function circleContent(airspaceInfo) {
  380. if(airspaceInfo.airspace_name) {
  381. const lat = latLngDecimalToDegrees(airspaceInfo.center_point_of_flying.lat);
  382. const lng = latLngDecimalToDegrees(airspaceInfo.center_point_of_flying.lng);
  383. let content = [];
  384. content.push(`以${airspaceInfo.center_loc}(E${lng}, N${lat})为中心`);
  385. content.push(`半径${airspaceInfo.radius_of_flying}米`);
  386. content.push(`${Global.heightStandardsById.get(airspaceInfo.unit)}${airspaceInfo.altitude}米`)
  387. if (airspaceInfo.note)
  388. content.push(`备注:${airspaceInfo.note}`)
  389. let result = content = content.join(', ');
  390. return result;
  391. } else {
  392. let content = []
  393. content.push(`以${airspaceInfo.addr}(E${airspaceInfo.lng}, N${airspaceInfo.lat})为中心`);
  394. content.push(`半径${airspaceInfo.radius}米`);
  395. content.push(`${airspaceInfo.heightStandard}${airspaceInfo.height}米`);
  396. if (airspaceInfo.note)
  397. content.push(`备注:${airspaceInfo.note}`)
  398. content = content.join(', ');
  399. return content;
  400. }
  401. }
  402. function flyingCenter(item = {}){
  403. if(item == {}){
  404. return ;
  405. } else {
  406. return (
  407. "(E" + latLngDecimalToDegrees(item.lng) +
  408. ', ' +
  409. "N" + latLngDecimalToDegrees(item.lat) + ")"
  410. );
  411. }
  412. }
  413. export function lineContent(airspaceInfo) {
  414. if(airspaceInfo.airspace_name) {
  415. let content = [];
  416. content.push(`${airspaceInfo.start_loc}${flyingCenter(airspaceInfo.start_point)} - ${Global.heightStandardsById.get(airspaceInfo.start_point.unit)}${airspaceInfo.start_point.altitude}米`)
  417. const passing_points = airspaceInfo.passing_points;
  418. if(Array.isArray(passing_points)) {
  419. for(let i = 0; i < passing_points.length; i++) {
  420. const obj = passing_points[i];
  421. const lat = latLngDecimalToDegrees(obj.lat)
  422. const lng = latLngDecimalToDegrees(obj.lng)
  423. if (obj.point_type == Global.pointTypes.point) {
  424. content.push(` - ${obj.point_name ? obj.point_name : ''}(E${lng}, N${lat})`)
  425. } else if (obj.point_type == Global.pointTypes.nav) {
  426. content.push(` - ${obj.point_code}(E${lng}, N${lat})`)
  427. } else {
  428. content.push(` - ${obj.air_route_code}`)
  429. }
  430. if(obj.altitude) {
  431. content.push(` - ${Global.heightStandardsById.get(obj.unit)}${obj.altitude}米`)
  432. }
  433. }
  434. }
  435. content.push(` - ${airspaceInfo.end_loc}${flyingCenter(airspaceInfo.start_point)}`)
  436. if(isSafeString(airspaceInfo.note)) {
  437. content.push(`, 备注: ${airspaceInfo.note}`)
  438. }
  439. let result = content.join("")
  440. return result;
  441. } else {
  442. let content = [];
  443. content.push(`${airspaceInfo.dep.addr}(E${airspaceInfo.dep.lng}, N${airspaceInfo.dep.lat}) - ${airspaceInfo.dep.heightStandard}${airspaceInfo.dep.height}米`);
  444. if (Array.isArray(airspaceInfo.passPoints)) {
  445. let length = airspaceInfo.passPoints.length;
  446. for (let i = 0; i < length; i++) {
  447. let obj = airspaceInfo.passPoints[i];
  448. if (obj.pointType == Global.pointTypes.point) {
  449. content.push(` - ${obj.addr}(E${obj.lng}, N${obj.lat})`);
  450. } else if (obj.pointType == Global.pointTypes.nav) {
  451. content.push(` - ${obj.pointCode}(E${obj.lng}, N${obj.lat})`);
  452. } else {
  453. content.push(` - ${obj.airlineCode}`);
  454. }
  455. if(obj.height) {
  456. content.push(` - ${obj.heightStandard}${obj.height}米`)
  457. }
  458. }
  459. }
  460. content.push(` - ${airspaceInfo.arrive.addr}(E${airspaceInfo.arrive.lng}, N${airspaceInfo.arrive.lat})`);
  461. if (airspaceInfo.note)
  462. content.push(`, 备注:${airspaceInfo.note}`)
  463. content = content.join('');
  464. return content;
  465. }
  466. }
  467. function passingPoints(points = []){
  468. let content = [];
  469. for (let i = 0; i < points.length; i++) {
  470. if(points[i].addr) {
  471. content.push(`${points[i].addr}(E${latLngDecimalToDegrees(points[i].lng)}, N${latLngDecimalToDegrees(points[i].lat)})`);
  472. } else {
  473. content.push(`(E${latLngDecimalToDegrees(points[i].lng)}, N${latLngDecimalToDegrees(points[i].lat)})`);
  474. }
  475. }
  476. let result = content.join('、');
  477. return result;
  478. }
  479. export function polygonContent(airspaceInfo) {
  480. if(airspaceInfo.airspace_name) {
  481. let result = passingPoints(airspaceInfo.points);
  482. result += `${airspaceInfo.points.length}点连线范围内, ${Global.heightStandardsById.get(airspaceInfo.unit)}${airspaceInfo.altitude}米`
  483. if(isSafeString(airspaceInfo.note)) {
  484. result += `, 备注:${airspaceInfo.note}`
  485. }
  486. return result;
  487. } else {
  488. let content = [];
  489. let length = airspaceInfo.polygonPoints.length;
  490. for (let i = 0; i < length; i++) {
  491. let obj = airspaceInfo.polygonPoints[i];
  492. content.push(`${obj.addr? obj.addr: ""}(E${obj.lng}, N${obj.lat})`);
  493. }
  494. content = content.join('、') + `${length}点连线范围内,${airspaceInfo.heightStandard}${airspaceInfo.height}米`
  495. if (airspaceInfo.note)
  496. content = `${content},备注:${airspaceInfo.note}`
  497. return content;
  498. }
  499. }