gisList.jsp 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>GIS轨迹</title>
  6. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  7. <meta name="decorator" content="ani"/>
  8. <%@ include file="/webpage/include/bootstraptable.jsp"%>
  9. <%@include file="/webpage/include/treeview.jsp" %>
  10. <%@include file="areaTreeList.js" %>
  11. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=rUFYPnGZs50tNa1w5ZUfFQ4GO9NjPMPD&services=true"></script>
  12. <script type="text/javascript" src="${ctxStatic}/plugin/SearchInfoWindow.js"></script>
  13. <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
  14. <style type="text/css">
  15. html{height:100%}
  16. body{height:100%;margin:0px;padding:0px}
  17. #container{height:700px;overflow: hidden;width:100%;}
  18. </style>
  19. </head>
  20. <body>
  21. <div class="wrapper wrapper-content">
  22. <div class="panel panel-primary">
  23. <div class="panel-heading">
  24. <h3 class="panel-title">GIS轨迹</h3>
  25. </div>
  26. <div style="height: 50px;overflow: hidden;">
  27. <div style="padding: 0 0 0 50px;">
  28. <label style="float: left;line-height: 50px;font-size: 16px;font-weight: normal;" title="姓名:">姓名:</label>
  29. <input id="userName" style="width: 260px;float: left;margin: 8px 0 0 0px;" htmlEscape="false" maxlength="100" class=" form-control"/>
  30. <a style="margin-left: 10px;margin-top: 10px;float: left;" id="search-a" class="btn btn-primary btn-rounded btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="panel-body">
  35. <div class="row">
  36. <!--百度地图容器-->
  37. <div id="container" class="col-sm-8 col-md-9">
  38. <script type="text/javascript">
  39. // 百度地图API功能
  40. var map = new BMap.Map("container"); // 创建Map实例
  41. map.centerAndZoom(new BMap.Point(124.936546,45.083288), 10); // 初始化地图,设置中心点坐标和地图级别
  42. //添加地图类型控件
  43. map.addControl(new BMap.MapTypeControl({
  44. mapTypes:[
  45. BMAP_NORMAL_MAP,
  46. BMAP_HYBRID_MAP
  47. ]}));
  48. map.setCurrentCity("松原市"); // 设置地图显示的城市 此项是必须设置的
  49. map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  50. map.enableKeyboard();//启用键盘上下左右键移动地图
  51. //向地图中添加缩放控件
  52. var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  53. map.addControl(ctrl_nav);
  54. //向地图中添加缩略图控件
  55. var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
  56. map.addControl(ctrl_ove);
  57. //向地图中添加比例尺控件
  58. var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
  59. map.addControl(ctrl_sca);
  60. </script>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. </body>
  67. </html>