开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > 图形图像 > GIS编程 > 查看源码
aimsNavigation.js
资源名称：arcims.rar　[点击查看]
上传用户：gzuoyue
上传日期：2022-07-08
资源大小：177k
文件大小：10k
源码类别：

GIS编程

开发平台：

ASP/ASPX

aimsNavigation.js：源码内容
  1. // aimsNavigation.js
  2. /*
  3. *  JavaScript template file for ArcIMS HTML Viewer
  4. * dependent on aimsXML.js, ArcIMSparam.js, aimsCommon.js, aimsMap.js,
  5. * aimsLayers.js, aimsDHTML.js
  6. * aimsClick.js
  7. */
  9. aimsNavigationPresent=true;
  11. /*
  12. ***************************************************************************************
  14. Map Navigation functions - Zoom , Pan, etc.
  16. ***************************************************************************************
  17. */
  19. // convert mouse click xy's into map coordinates
  20. function getMapXY(xIn,yIn) {
  21. mouseX = xIn;
  22. pixelX = xDistance / iWidth;
  23. mapX = pixelX * mouseX + eLeft;
  24. mouseY = iHeight - yIn;
  25. pixelY = yDistance / iHeight;
  26. mapY = pixelY * mouseY + eBottom;
  27. }
  29. function getImageXY(e) {
  30. if (isNav) {
  31. mouseX=e.pageX;
  32. mouseY=e.pageY;
  33. } else {
  34. mouseX=event.clientX + document.body.scrollLeft;
  35. mouseY=event.clientY + document.body.scrollTop;
  36. }
  37. // subtract offsets from page left and top
  38. mouseX = mouseX-hspc;
  39. mouseY = mouseY-vspc;
  41. }
  43. function getOVImageXY(e) {
  44. if (isNav) {
  45. mouseX=e.pageX;
  46. mouseY=e.pageY;
  47. } else {
  48. mouseX=event.clientX + document.body.scrollLeft;
  49. mouseY=event.clientY + document.body.scrollTop;
  50. }
  51. // subtract offsets from page left and top
  52. mouseX = mouseX-ovHspc;
  53. mouseY = mouseY-ovVspc;
  55. }
  58. // get coordinates on ov map and reset display
  59. function ovMapClick(x,y) {
  60. var ovWidth = i2Width;
  61. var ovHeight = i2Height;
  62. var ovXincre = fullOVWidth / ovWidth;
  63. var ovYincre = fullOVHeight / ovHeight;
  64. var ovX = x;
  65. var ovY = ovHeight - y;
  66. var ovmapX = ovX * ovXincre + fullOVLeft;
  67. var ovmapY = ovY * ovYincre + fullOVBottom;
  68. saveLastExtent();
  69. eLeft = ovmapX - xHalf;
  70. eRight = ovmapX + xHalf;
  71. eTop = ovmapY + yHalf;
  72. eBottom = ovmapY - yHalf;
  73. sendMapXML();
  75. }
  77. // get click on OVmap and move display there
  78. function ovMap2Click(e) {
  79. getOVImageXY(e);
  80. mouseY = mouseY - ovBorderWidth;
  81. zooming=false;
  82. panning=false;
  83. selectBox=false;
  84. ovMapClick(mouseX,mouseY);
  85. }
  88. // zoom in around mouse click
  89. function zoomin(e) {
  90. getMapXY(mouseX,mouseY);
  91. var tempLeft=lastLeft;
  92. var tempRight=lastRight;
  93. var tempTop=lastTop;
  94. var tempBottom=lastBottom;
  95. saveLastExtent();
  97. eLeft = mapX - (xHalf/zoomFactor);
  98. eRight = mapX + (xHalf/zoomFactor);
  99. eTop = mapY + (yHalf/zoomFactor);
  100. eBottom = mapY - (yHalf/zoomFactor);
  102. sendMapXML();
  103. }
  105. // zoom out from mouse click
  106. function zoomout(e) {
  107. getMapXY(mouseX,mouseY);
  108. var tempLeft=lastLeft;
  109. var tempRight=lastRight;
  110. var tempTop=lastTop;
  111. var tempBottom=lastBottom;
  112. saveLastExtent();
  114. eLeft = mapX - (xDistance*zoomFactor/2);
  115. eRight = mapX + (xDistance*zoomFactor/2);
  116. eTop = mapY + (yDistance*zoomFactor/2);
  117. eBottom = mapY - (yDistance*zoomFactor/2);
  118. if (enforceFullExtent) {
  119. if ((eRight-eLeft)>fullWidth) {
  120. eLeft = fullLeft;
  121. eRight = fullRight;
  122. eTop = fullTop;
  123. eBottom = fullBottom;
  124. lastLeft=tempLeft;
  125. lastRight=tempRight;
  126. lastTop=tempTop;
  127. lastBottom=tempBottom;
  128. }
  129. }
  131. sendMapXML();
  132. }
  134. // get the coords at mouse position
  135. function getMouse(e) {
  136. window.status="";
  137. getImageXY(e);
  138. if (isIE) {
  139. if ((hasOVMap) && (ovIsVisible) && (ovMapIsLayer)) {
  141.   if ((mouseX<i2Width+2) && (mouseY<i2Height)) {
  142.  
  143. document.all.theTop.style.cursor = "default";
  144.   } else {
  145.   document.all.theTop.style.cursor = theCursor;
  146.   }
  147. }
  148. }
  149. if ((mouseX>iWidth) || (mouseY>iHeight) || (mouseX<=0) ||(mouseY<=0) || ((hasOVMap) && (ovIsVisible) && (mouseX<i2Width+ovBoxSize) && (mouseY<i2Height+ovBoxSize) && (ovMapIsLayer))) {
  150. chkMouseUp(e);
  151. } else {
  152. mouseStuff();
  153.   
  154. }
  155. return false;
  156. }
  158. function mouseStuff() {
  159. if ((zooming) || (selectBox)) {
  160. x2=mouseX;
  161. y2=mouseY;
  162. setClip();
  163. } else if (panning) {
  164. x2=mouseX;
  165. y2=mouseY;
  166. panMouse();
  167. }
  168. pixelX = xDistance / iWidth;
  169. mapX = pixelX * mouseX + eLeft;
  170. var theY = iHeight - mouseY;
  171. pixelY = yDistance / iHeight;
  172. mapY = pixelY * theY + eBottom;
  174. if (toolMode==20) {
  175. calcDistance(mapX,mapY);
  176. } 
  177. else if (showXYs) {
  178. var u = Math.pow(10,numDecimals);
  179. var uX = Math.round(mapX * u) / u
  180. var uY= Math.round(mapY * u) / u
  181. var mouseString = msgList[52] + uX + " , " + uY + " -- " + msgList[53] + mouseX + " , " + mouseY;
  182. if (showScalePercent) mouseString = mouseString + " -- " + msgList[54] + mapScaleFactor;
  183. window.status = mouseString;
  184. }
  186. }
  187. // start zoom in.... box displayed
  188. function startZoomBox(e) {
  189. moveLayer("theMap",hspc,vspc);
  190. getImageXY(e);
  191. // keep it within the MapImage
  192. if ((mouseX<iWidth) && (mouseY<iHeight)) {
  193. if (zooming) {
  194. stopZoomBox(e);
  195. } else {
  196. x1=mouseX;
  197. y1=mouseY
  198. x2=x1+1;
  199. y2=y1+1;
  200. zleft=x1;
  201. ztop=y1;
  202. zbottom=y1;
  203. zright=x1
  205. boxIt(x1,y1,x2,y2);
  206. zooming=true;
  207. }
  208. }
  209. return false;
  211. }
  213. // stop zoom box display... zoom in
  214. function stopZoomBox(e) {
  215. zooming=false;
  216. hideLayer("zoomBoxTop");
  217. hideLayer("zoomBoxLeft");
  218. hideLayer("zoomBoxRight");
  219. hideLayer("zoomBoxBottom");
  220. if ((zright <zleft+2) && (zbottom < ztop+2)) {
  221. zoomin(e);
  222. } else {
  223. var tempLeft=lastLeft;
  224. var tempRight=lastRight;
  225. var tempTop=lastTop;
  226. var tempBottom=lastBottom;
  227. saveLastExtent();
  228. pixelX = xDistance / iWidth;
  229. var theY = iHeight - ztop;
  230. pixelY = yDistance / iHeight;
  231. eTop = pixelY * theY + eBottom;
  232. eRight = pixelX * zright + eLeft;
  233. eLeft = pixelX * zleft + eLeft;
  234. theY = iHeight - zbottom;
  235. pixelY = yDistance / iHeight;
  236. eBottom = pixelY * theY + eBottom;
  237. window.scrollTo(0,0);
  239. sendMapXML();
  240. }
  241. return true;
  243. }
  245. // start zoom out... box displayed
  246. function startZoomOutBox(e) {
  247. moveLayer("theMap",hspc,vspc);
  248. getImageXY(e);
  249. // keep it within the MapImage
  250. if ((mouseX<iWidth) && (mouseY<iHeight)) {
  252. if (zooming) {
  253. stopZoomOutBox(e);
  254. } else {
  255. x1=mouseX;
  256. y1=mouseY
  257. x2=x1+1;
  258. y2=y1+1;
  259. zleft=x1;
  260. ztop=y1;
  261. zbottom=y1;
  262. zright=x1
  263. boxIt(x1,y1,x2,y2);
  264. zooming=true;
  265. }
  266. }
  267. return false;
  269. }
  271. // stop zoom out box. . . zoom out
  272. function stopZoomOutBox(e) {
  273. zooming=false;
  274. hideLayer("zoomBoxTop");
  275. hideLayer("zoomBoxLeft");
  276. hideLayer("zoomBoxRight");
  277. hideLayer("zoomBoxBottom");
  278. if ((zright <zleft+2) && (zbottom < ztop+2)) {
  279. zoomout(e);
  280. } else {
  281. var tempLeft=eLeft;
  282. var tempRight=eRight;
  283. var tempTop=eTop;
  284. var tempBottom=eBottom;
  285. saveLastExtent();
  286. var zWidth = Math.abs(zright-zleft);
  287. var zHeight = Math.abs(ztop-zbottom);
  288. var xRatio = iWidth / zWidth;
  289. var yRatio = iHeight / zHeight;
  290. var xAdd = xRatio * xDistance / 2;
  291. var yAdd = yRatio * yDistance / 2;
  292. eLeft = eLeft - xAdd;
  293. eRight = eRight + xAdd;
  294. eTop = eTop + yAdd;
  295. eBottom = eBottom - yAdd;
  296. window.scrollTo(0,0);
  297. if (enforceFullExtent) {
  298. if ((eRight-eLeft)>fullWidth) {
  299. eLeft = fullLeft;
  300. eRight = fullRight;
  301. eTop = fullTop;
  302. eBottom = fullBottom;
  303. lastLeft=tempLeft;
  304. lastRight=tempRight;
  305. lastTop=tempTop;
  306. lastBottom=tempBottom;
  307. }
  308. }
  309. sendMapXML();
  310. }
  311. return true;
  312. }
  314. // clip zoom box layer to mouse coords
  315. function setClip() {
  316. var tempX=x1;
  317. var tempY=y1;
  318. if (x1>x2) {
  319. zright=x1;
  320. zleft=x2;
  321. } else {
  322. zleft=x1;
  323. zright=x2;
  324. }
  325. if (y1>y2) {
  326. zbottom=y1;
  327. ztop=y2;
  328. } else {
  329. ztop=y1;
  330. zbottom=y2;
  331. }
  333. if ((x1 != x2) && (y1 != y2)) {
  334. boxIt(zleft,ztop,zright,zbottom);
  335. }
  336. }
  338. // start pan.... image will move
  339. function startPan(e) {
  340. moveLayer("theMap",hspc,vspc);
  342. getImageXY(e);
  343. // keep it within the MapImage
  344. if ((mouseX<iWidth) && (mouseY<iHeight)) {
  345. if (panning) {
  346. stopPan(e);
  347. } else {
  348. x1=mouseX;
  349. y1=mouseY
  350. x2=x1+1;
  351. y2=y1+1;
  352. panning=true;
  353. }
  354. }
  355. return false;
  357. }
  359. // stop moving image.... pan 
  360. function stopPan(e) {
  361. window.scrollTo(0,0);
  362. panning=false;
  363. var tempLeft=eLeft;
  364. var tempRight=eRight;
  365. var tempTop=eTop;
  366. var tempBottom=eBottom;
  367. //saveLastExtent();
  368. var ixOffset = x2-x1;
  369. var iyOffset = y1-y2;
  370. pixelX = xDistance / iWidth;
  371. var theY = iHeight - ztop;
  372. pixelY = yDistance / iHeight;
  373. var xOffset = pixelX * ixOffset;
  374. var yOffset = pixelY * iyOffset;
  375. eTop = eTop - yOffset;
  376. eRight = eRight - xOffset;
  377. eLeft = eLeft - xOffset;
  378. eBottom = eBottom - yOffset;
  379. if (enforceFullExtent) {
  380. if (eLeft < limitLeft) {
  381. eLeft = limitLeft;
  382. eRight = eLeft + xDistance;
  383. }
  384. if (eTop > limitTop) {
  385. eTop = limitTop;
  386. eBottom = eTop - yDistance;
  387. }
  388. if (eRight > limitRight) {
  389. eRight = limitRight;
  390. eLeft = eRight - xDistance;
  391. }
  392. if (eBottom < limitBottom) {
  393. eBottom = limitBottom;
  394. eTop = eBottom + yDistance;
  395. }
  396. }
  397. lastLeft = tempLeft;
  398. lastRight = tempRight;
  399. lastTop = tempTop;
  400. lastBottom = tempBottom;
  401. //hideLayer("theMap");
  402. if (hasLayer("theMapClicks")) {
  403. document.theClickImage.src = blankImage;
  405. }
  406. document.theImage.onload = resetPanImage;
  407. sendMapXML();
  409. return true;
  411. }
  413. // move map image with mouse
  414. function panMouse() {
  415. var xMove = x2-x1;
  416. var yMove = y2-y1;
  417. var cLeft = -xMove;
  418. var cTop = -yMove;
  419. var cRight = iWidth;
  420. var cBottom = iHeight;
  421. if (xMove>0) {
  422. cLeft = 0;
  423. cRight = iWidth - xMove;
  424. }
  425. if (yMove>0) {
  426. cTop = 0;
  427. cBottom = iHeight - yMove;
  428. }
  429. clipLayer2("theMap",cLeft,cTop,cRight,cBottom);
  430. moveLayer("theMap",xMove+hspc,yMove+vspc);
  431. if (hasLayer("theMapClicks")) {
  432. clipLayer2("theMapClicks",cLeft,cTop,cRight,cBottom);
  433. moveLayer("theMapClicks",xMove+hspc,yMove+vspc);
  435. }
  436. }
  438. // pan to mouse click
  439. function pan(e) {
  440. getMapXY(mouseX,mouseY);
  441. var tempLeft=lastLeft;
  442. var tempRight=lastRight;
  443. var tempTop=lastTop;
  444. var tempBottom=lastBottom;
  445. saveLastExtent();
  447. eLeft = mapX - xHalf;
  448. eRight = mapX + xHalf;
  449. eTop = mapY + yHalf;
  450. eBottom = mapY - yHalf;
  451. sendMapXML();
  452. }
  455. function setZoomColor() {
  456. setLayerBackgroundColor("zoomBoxTop", zoomBoxColor);
  457. setLayerBackgroundColor("zoomBoxLeft", zoomBoxColor);
  458. setLayerBackgroundColor("zoomBoxRight", zoomBoxColor);
  459. setLayerBackgroundColor("zoomBoxBottom", zoomBoxColor);
  461. setLayerBackgroundColor("zoomOVBoxTop", zoomBoxColor);
  462. setLayerBackgroundColor("zoomOVBoxLeft", zoomBoxColor);
  463. setLayerBackgroundColor("zoomOVBoxRight", zoomBoxColor);
  464. setLayerBackgroundColor("zoomOVBoxBottom", zoomBoxColor);
  465. }