toolsBar.js 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
  1. /**
  2. * [ONEMAP.M.toolsBar]
  3. * @return {[object]}
  4. */
  5. define([
  6. 'html!templates/toolsBar',
  7. 'css!styles/toolsBar',
  8. ], function (tplLayout, tplLayout2) {
  9. /**
  10. * 状态类型
  11. */
  12. var status = {
  13. toolsShow: false,
  14. toolsShowGrid: false,
  15. toolSquareGrid: false,
  16. showTuFu: false,
  17. };
  18. /**
  19. * 数据存储
  20. */
  21. var modValue = {
  22. mearsuringAppendToMyLayer: null
  23. }
  24. function init() {
  25. setLayout();
  26. //工具栏事件绑定
  27. bindEvents();
  28. $(window).resize(function () {
  29. layoutResize();
  30. });
  31. subscribe();
  32. };
  33. function setLayout() {
  34. $(tplLayout).appendTo($("#toolsBar"));
  35. var curWindowHeigth = $(window).height();
  36. if (!map23DData.show3DAlert) {
  37. $("#toolsBar").addClass('chrome');
  38. }
  39. map23DChangeControlShow()
  40. };
  41. function map23DChangeControlShow() {
  42. if (map23DData.display.map2D) {
  43. $("#toolsBar .toolist[mapStyle='2D']").css({
  44. display: "inline-block"
  45. })
  46. $("#toolsBar .toolist[mapStyle='3D']").css({
  47. display: "none"
  48. })
  49. } else {
  50. $("#toolsBar .toolist[mapStyle='2D']").css({
  51. display: "none"
  52. })
  53. $("#toolsBar .toolist[mapStyle='3D']").css({
  54. display: "inline-block"
  55. })
  56. }
  57. }
  58. function layoutResize() {
  59. if (map23DData.display.map2D) {
  60. $("#toolsBar .toolist[mapStyle='2D']").css({
  61. display: "inline-block"
  62. })
  63. $("#toolsBar .toolist[mapStyle='3D']").css({
  64. display: "none"
  65. })
  66. } else {
  67. $("#toolsBar .toolist[mapStyle='2D']").css({
  68. display: "none"
  69. })
  70. $("#toolsBar .toolist[mapStyle='3D']").css({
  71. display: "inline-block"
  72. })
  73. // gridClear();
  74. }
  75. };
  76. function bindEvents() {
  77. $("#toolsBar .bg").unbind('click').bind('click', function () {
  78. ONEMAP.C.publisher.publish('hide', 'baseCalc:active');
  79. if ($("#toolsBar .tools-bar-content li.tools-area").hasClass('cur')) {
  80. $("#toolsBar .tools-bar-content li.tools-area").click();
  81. }
  82. if (status.toolsShow) {
  83. $("#toolsBar .tools-ul").hide();
  84. $("#toolsBar").removeClass('cur');
  85. status.toolsShow = false;
  86. ONEMAP.C.publisher.publish('hide', 'tools:active');
  87. $("#measuringText").text('').hide(); //测量提示
  88. $(".mearsuringGroup .close").click();
  89. } else {
  90. // if (map23DData.display.map2D) {
  91. // $("#toolsBar .toolist[mapStyle='2D']").css({
  92. // display: "inline-block"
  93. // })
  94. // } else {
  95. // $("#toolsBar .toolist[mapStyle='2D']").css({
  96. // display: "none"
  97. // })
  98. // }
  99. map23DChangeControlShow()
  100. $("#toolsBar .tools-ul").show();
  101. $("#toolsBar").addClass('cur');
  102. status.toolsShow = true;
  103. $("#userSideBar").hide(); //关掉我的收藏
  104. }
  105. })
  106. //23D切换
  107. /*$("#toolsBar .tools-ul .toolist").unbind('click').bind('click',function(){
  108. var mapStyle = $(this).attr('mapStyle');
  109. if(mapStyle == '2D'){
  110. ONEMAP.C.publisher.publish('2D', 'layout::mapStyle');
  111. }else if(mapStyle == '3D'){
  112. ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  113. }
  114. })*/
  115. //全局搜索
  116. // $(".tools-search").unbind('click').bind("click",function(){
  117. // require(['modDir/tools/toolPlaceSearch'], function(toolPlaceSearch) {
  118. // toolPlaceSearch.changSearchType('pac');
  119. // toolPlaceSearch.init();
  120. // });
  121. // });
  122. //视野内搜索
  123. $(".tools-serchView").unbind('click').bind('click', function () {
  124. require(['modDir/tools/toolPlaceSearch'], function (toolPlaceSearch) {
  125. toolPlaceSearch.changSearchType('bounds');
  126. toolPlaceSearch.init();
  127. });
  128. });
  129. //标注工具
  130. $(".tools-marker").unbind('click').bind('click', function () {
  131. ONEMAP.C.publisher.publish('2D', 'layout::mapStyle');
  132. require(['modDir/tools/toolMarkPoint'], function (toolMarkPoint) {
  133. toolMarkPoint.init();
  134. });
  135. });
  136. //测距工具
  137. $('.tools-distance').unbind('click').bind('click', function () {
  138. if (modValue.mearsuringAppendToMyLayer) {
  139. require(['modDir/tools/toolMeasuringDistance'], function (toolMeasuringDistance) {
  140. toolMeasuringDistance.init();
  141. });
  142. } else {
  143. var layerLength = ONEMAP.M.myLayers.checkLength();
  144. if (layerLength < map23DConfig.layerMaxLength) {
  145. require(['modDir/tools/toolMeasuringDistance'], function (toolMeasuringDistance) {
  146. toolMeasuringDistance.init();
  147. });
  148. } else {
  149. ONEMAP.C.publisher.publish({
  150. type: 'warning',
  151. message: '图层数量已达上限'
  152. }, 'noteBar::add');
  153. }
  154. }
  155. });
  156. //测面工具
  157. $(".tools-area").unbind('click').bind('click', function () {
  158. if (modValue.mearsuringAppendToMyLayer) {
  159. require(['modDir/tools/toolMeasuringArea'], function (toolMeasuringArea) {
  160. toolMeasuringArea.init();
  161. });
  162. } else {
  163. var layerLength = ONEMAP.M.myLayers.checkLength();
  164. if (layerLength < map23DConfig.layerMaxLength) {
  165. require(['modDir/tools/toolMeasuringArea'], function (toolMeasuringArea) {
  166. toolMeasuringArea.init();
  167. });
  168. } else {
  169. ONEMAP.C.publisher.publish({
  170. type: 'warning',
  171. message: '图层数量已达上限'
  172. }, 'noteBar::add');
  173. }
  174. }
  175. });
  176. //标注工具
  177. $(".tools-painting").unbind('click').bind('click', function () {
  178. require(['modDir/tools/toolDraw_new'], function (toolDraw) {
  179. toolDraw.init('Line');
  180. });
  181. });
  182. $(".tools-marker").unbind('click').bind('click', function () {
  183. require(['modDir/tools/toolDraw_new'], function (toolDraw) {
  184. toolDraw.init('Marker');
  185. });
  186. });
  187. //剖面量算
  188. $(".tools-elevation").unbind('click').bind('click', function () {
  189. if (modValue.mearsuringAppendToMyLayer) {
  190. ONEMAP.C.publisher.publish('2D', 'layout::mapStyle');
  191. require(['modDir/tools/toolElevation'], function (toolElevation) {
  192. toolElevation.init();
  193. });
  194. } else {
  195. var layerLength = ONEMAP.M.myLayers.checkLength();
  196. if (layerLength < map23DConfig.layerMaxLength) {
  197. ONEMAP.C.publisher.publish('2D', 'layout::mapStyle');
  198. require(['modDir/tools/toolElevation'], function (toolElevation) {
  199. toolElevation.init();
  200. });
  201. } else {
  202. ONEMAP.C.publisher.publish({
  203. type: 'warning',
  204. message: '图层数量已达上限'
  205. }, 'noteBar::add');
  206. }
  207. }
  208. });
  209. //定位
  210. $(".tools-toolJumpToLatlng").unbind('click').bind('click', function () {
  211. require(['modDir/tools/toolJumpToLatlng'], function (toolJumpToLatlng) {
  212. toolJumpToLatlng.init();
  213. });
  214. })
  215. //截屏
  216. $(".tools-mapshot").unbind('click').bind('click', function () {
  217. ONEMAP.C.publisher.publish('2D', 'layout::mapStyle');
  218. // require(['modDir/tools/toolMapShot'], function(toolMapShot) {
  219. // toolMapShot.init();
  220. // });
  221. require(['modDir/tools/toolMapShotAndDownLoad'], function (toolMapShot) {
  222. toolMapShot.init(1);
  223. });
  224. });
  225. $(".tools-msAll").unbind('click').bind('click', function () {
  226. ONEMAP.C.publisher.publish('2D', 'layout::mapStyle');
  227. // require(['modDir/tools/toolMapShot'], function(toolMapShot) {
  228. // toolMapShot.init();
  229. // });
  230. require(['modDir/tools/toolMapShotAndDownLoad'], function (toolMapShot) {
  231. toolMapShot.init(2);
  232. });
  233. });
  234. //三维高度测量
  235. $(".tools-measuring3DE").unbind('click').bind('click', function () {
  236. // ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  237. require(['modDir/tools/tool3DVisualAnalysis'], function (tool3DVisualAnalysis) {
  238. tool3DVisualAnalysis.init();
  239. });
  240. });
  241. //通视分析 3D
  242. $(".tools-visualAnalysis").unbind('click').bind('click', function () {
  243. //ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  244. require(['modDir/tools/tool3DVisualAnalysis'], function (tool3DVisualAnalysis) {
  245. tool3DVisualAnalysis.init();
  246. });
  247. });
  248. //通视分析 2D
  249. $(".tools-TSFX").unbind('click').bind('click', function () {
  250. //ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  251. require(['modDir/tools/toolTSFX'], function (toolTSFX) {
  252. toolTSFX.init();
  253. });
  254. });
  255. //环视分析 3D
  256. $(".tools-lookAroundAnalysis").unbind('click').bind('click', function () {
  257. //ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  258. require(['modDir/tools/tool3DLookAroundAnalysis'], function (tool3DLookAroundAnalysis) {
  259. tool3DLookAroundAnalysis.init();
  260. });
  261. });
  262. //可视域分析 2D
  263. $(".tools-KSFX").unbind('click').bind('click', function () {
  264. //ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  265. require(['modDir/tools/toolKSFX'], function (toolKSFX) {
  266. toolKSFX.init();
  267. });
  268. });
  269. //飞机模型
  270. $(".tools-flightSimulation").unbind('click').bind('click', function () {
  271. // ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  272. require(['modDir/tools/tool3DFlightSimulation'], function (tool3DFlightSimulation) {
  273. tool3DFlightSimulation.init();
  274. });
  275. });
  276. //雷达遮罩
  277. $(".tools-radar").unbind('click').bind('click', function () {
  278. // ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  279. require(['modDir/tools/tool3DRadar'], function (tool3DRadar) {
  280. tool3DRadar.init();
  281. });
  282. });
  283. //雷达遮罩
  284. $(".tools-measuringHeight").unbind('click').bind('click', function () {
  285. // ONEMAP.C.publisher.publish('3D', 'layout::mapStyle');
  286. require(['modDir/tools/tool3DMeasureHeight'], function (tool3DMeasureHeight) {
  287. tool3DMeasureHeight.init();
  288. });
  289. });
  290. //清空地图
  291. $(".tools-cleanMap").unbind('click').bind('click', function () {
  292. require(['modDir/tools/toolCleanMap'], function (toolCleanMap) {
  293. toolCleanMap.init();
  294. });
  295. })
  296. //格网
  297. /*$(".tools-geWang").unbind('click').bind('click',function(){
  298. if ($(this).hasClass('cur')) {
  299. ONEMAP.C.publisher.publish('hide', 'mapHolder::STLatLngLayer');
  300. $(this).removeClass('cur');
  301. } else {
  302. ONEMAP.C.publisher.publish('show', 'mapHolder::STLatLngLayer');
  303. $(this).addClass('cur');
  304. }
  305. // require(['modDir/tools/geWang'], function(geWang) {
  306. // geWang.init();
  307. // });
  308. })*/
  309. //中心点十字
  310. $(".tools-shiZi").unbind('click').bind('click', function () {
  311. require(['modDir/tools/toolShiZi'], function (toolShiZi) {
  312. toolShiZi.init();
  313. });
  314. })
  315. $("#toolsBar .tools-bar-content li").on("click", function () {
  316. if (!($(this).hasClass('tools-distance') || $(this).hasClass('tools-area'))) {
  317. $("#measuringText").text('').hide(); //测量提示
  318. }
  319. })
  320. //区域地形分析
  321. $("#DXAnalysis").unbind('click').bind('click', function () {
  322. require(['modDir/tools/DXAnalysis'], function (DXAnalysis) {
  323. DXAnalysis.init();
  324. });
  325. })
  326. };
  327. function addMyMearingConrol(option) {
  328. if (!modValue.mearsuringAppendToMyLayer) {
  329. setGropOpacity({
  330. options: {
  331. opacity: 1
  332. }
  333. })
  334. var options = {
  335. action: "add",
  336. DOM: {
  337. name: '量算',
  338. type: "group",
  339. guid: 'mearsuringGroup'
  340. }
  341. }
  342. modValue.mearsuringAppendToMyLayer = ONEMAP.M.myLayers.myLayerControl(options);
  343. ONEMAP.C.publisher.subscribe(controlMyLayer, modValue.mearsuringAppendToMyLayer);
  344. }
  345. }
  346. /**
  347. * 我的图层控制当值图层
  348. */
  349. function controlMyLayer(options) {
  350. switch (options.action) {
  351. case 'remove':
  352. removeMearsuring();
  353. break;
  354. case 'opacity':
  355. setGropOpacity(options);
  356. break;
  357. case 'up':
  358. case 'down':
  359. setGroupZIndex(options);
  360. break;
  361. }
  362. };
  363. function removeMearsuring() {
  364. ONEMAP.C.publisher.publish({
  365. action: 'clear'
  366. }, 'controlMearsuring');
  367. if (modValue.mearsuringAppendToMyLayer) {
  368. var options = {
  369. action: "remove",
  370. DOMid: modValue.mearsuringAppendToMyLayer
  371. }
  372. modValue.mearsuringAppendToMyLayer = ONEMAP.M.myLayers.myLayerControl(options);
  373. ONEMAP.C.publisher.unSubscribe(controlMyLayer, modValue.mearsuringAppendToMyLayer);
  374. modValue.mearsuringAppendToMyLayer = null;
  375. }
  376. }
  377. function setGropOpacity(options) {
  378. var options = options.options;
  379. if (options.opacity == 1) {
  380. ONEMAP.C.publisher.publish({
  381. action: 'show'
  382. }, 'controlMearsuring');
  383. } else if (options.opacity == 0) {
  384. ONEMAP.C.publisher.publish({
  385. action: 'hide'
  386. }, 'controlMearsuring');
  387. }
  388. }
  389. function fullMap(option) {
  390. if (option) {
  391. $("#toolsBar").fadeOut('slow')
  392. if ($("#toolsGrid").hasClass('cur')) {
  393. $("#toolsGrid .tools-Grid-content .tools-ul").fadeOut('slow')
  394. }
  395. } else {
  396. $("#toolsBar").fadeIn('slow')
  397. if ($("#toolsGrid").hasClass('cur')) {
  398. $("#toolsGrid .tools-Grid-content .tools-ul").fadeIn('slow')
  399. }
  400. }
  401. }
  402. function removeMyLayerControl(options) {
  403. if (options.modName == "cleanMap") {
  404. if (modValue.mearsuringAppendToMyLayer) {
  405. var options = {
  406. action: "remove",
  407. DOMid: modValue.mearsuringAppendToMyLayer
  408. }
  409. modValue.mearsuringAppendToMyLayer = ONEMAP.M.myLayers.myLayerControl(options);
  410. ONEMAP.C.publisher.unSubscribe(controlMyLayer, modValue.mearsuringAppendToMyLayer);
  411. modValue.mearsuringAppendToMyLayer = null;
  412. }
  413. }
  414. }
  415. function subscribe() {
  416. ONEMAP.C.publisher.subscribe(fullMap, 'layout::fullMap');
  417. ONEMAP.C.publisher.subscribe(layoutResize, 'change23D');
  418. ONEMAP.C.publisher.subscribe(addMyMearingConrol, 'mearsuring');
  419. ONEMAP.C.publisher.subscribe(removeMyLayerControl, 'tools:active');
  420. }
  421. function unbindEvents() {
  422. $(".tools-marker").unbind('click');
  423. $(".tools-elevation").unbind('click');
  424. $(".tools-painting").unbind('click');
  425. }
  426. return ONEMAP.M.toolsBar = {
  427. status: status,
  428. init: init,
  429. bindEvents: bindEvents,
  430. unbindEvents: unbindEvents,
  431. layoutResize: layoutResize,
  432. };
  433. })