map.jsp 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <!-- jsp文件头和头部 -->
  16. <%@ include file="../index/top.jsp"%>
  17. </head>
  18. <body class="no-skin">
  19. <!-- /section:basics/navbar.layout -->
  20. <div class="main-container" id="main-container">
  21. <!-- /section:basics/sidebar -->
  22. <div class="main-content">
  23. <div class="main-content-inner">
  24. <div class="page-content">
  25. <div class="hr hr-18 dotted hr-double"></div>
  26. <div class="row">
  27. <div class="col-xs-12">
  28. <div style="width: 600px;">
  29. <div class="span12">
  30. <div class="widget-box">
  31. <div class="widget-header widget-header-blue widget-header-flat wi1dget-header-large">
  32. <h4 class="lighter">地图</h4>
  33. </div>
  34. <div class="widget-body">
  35. <div class="widget-main">
  36. <div class="step-content row-fluid position-relative">
  37. <div style="float: left;margin-top: 5px;">
  38. 经度:
  39. <span class="input-icon">
  40. <input type="text" id="ZUOBIAO_Y" title="" value="" style="width:98%;" disabled="disabled">
  41. <i class="ace-icon fa fa-fire"></i>
  42. </span>
  43. 纬度:
  44. <span class="input-icon">
  45. <input type="text" id="ZUOBIAO_X" title="" value="" style="width:98%;" disabled="disabled">
  46. <i class="ace-icon fa fa-fire"></i>
  47. </span>
  48. </div>
  49. <div>
  50. &nbsp;&nbsp;
  51. <button class="btn btn-app btn-light btn-xs" onclick="openMap();">
  52. <i class="ace-icon fa fa-globe"></i>
  53. </button>
  54. </div>
  55. </div>
  56. <hr>
  57. <div class="step-content row-fluid position-relative">
  58. <div style="float: left;margin-top: 5px;">
  59. 经度:
  60. <span class="input-icon">
  61. <input type="text" id="ZUOBIAO_Y2" title="" value="" style="width:98%;" disabled="disabled">
  62. <i class="ace-icon fa fa-fire"></i>
  63. </span>
  64. 纬度:
  65. <span class="input-icon">
  66. <input type="text" id="ZUOBIAO_X2" title="" value="" style="width:98%;" disabled="disabled">
  67. <i class="ace-icon fa fa-fire"></i>
  68. </span>
  69. </div>
  70. <div>
  71. &nbsp;&nbsp;
  72. <button class="btn btn-app btn-light btn-xs" onclick="openMap2();">
  73. <i class="ace-icon fa fa-globe"></i>
  74. </button>
  75. </div>
  76. </div>
  77. <hr>
  78. <div class="step-content row-fluid position-relative">
  79. <div style="float: left;margin-top: 5px;">
  80. 距离:
  81. <span class="input-icon">
  82. <input type="text" id="distance" title="" value="" style="width:250px;" disabled="disabled">
  83. <i class="ace-icon fa fa-dashboard"></i>千米&nbsp;&nbsp;
  84. </span>
  85. </div>
  86. <div>
  87. <button class="btn btn-app btn-light btn-xs" onclick="getDistance();">计算</button>
  88. </div>
  89. </div>
  90. </div><!--/widget-main-->
  91. </div><!--/widget-body-->
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <!-- /.col -->
  97. </div>
  98. <!-- /.row -->
  99. </div>
  100. <!-- /.page-content -->
  101. </div>
  102. </div>
  103. <!-- /.main-content -->
  104. <!-- 返回顶部 -->
  105. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  106. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  107. </a>
  108. </div>
  109. <!-- /.main-container -->
  110. <!-- basic scripts -->
  111. <!-- 页面底部js¨ -->
  112. <%@ include file="../index/foot.jsp"%>
  113. <!-- ace scripts -->
  114. <script src="static/ace/js/ace/ace.js"></script>
  115. <!--引入属于此页面的js -->
  116. <script type="text/javascript" src="static/js/myjs/map.js"></script>
  117. <!--提示框-->
  118. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  119. <script type="text/javascript">
  120. $(top.hangge());
  121. </script>
  122. </body>
  123. </html>