cloudChartList.jsp 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <html>
  4. <head>
  5. <title>党建云图</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="cloudTreeList.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">党建云图</h3>
  25. </div>
  26. </div>
  27. <div class="panel-body">
  28. <div class="row">
  29. <!--百度地图容器-->
  30. <div id="container" class="col-sm-8 col-md-9">
  31. <script type="text/javascript">
  32. // 百度地图API功能
  33. var map = new BMap.Map("container"); // 创建Map实例
  34. map.centerAndZoom(new BMap.Point(124.936546,45.083288), 10); // 初始化地图,设置中心点坐标和地图级别
  35. //添加地图类型控件
  36. map.addControl(new BMap.MapTypeControl({
  37. mapTypes:[
  38. BMAP_NORMAL_MAP,
  39. BMAP_HYBRID_MAP
  40. ]}));
  41. map.setCurrentCity("松原市"); // 设置地图显示的城市 此项是必须设置的
  42. map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
  43. map.enableKeyboard();//启用键盘上下左右键移动地图
  44. //向地图中添加缩放控件
  45. var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
  46. map.addControl(ctrl_nav);
  47. //向地图中添加缩略图控件
  48. var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
  49. map.addControl(ctrl_ove);
  50. //向地图中添加比例尺控件
  51. var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
  52. map.addControl(ctrl_sca);
  53. </script>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. </body>
  60. </html>