map.jsp 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%
  3. String contextPath = request.getContextPath();
  4. %>
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  9. <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12. <meta name="apple-mobile-web-app-capable" content="yes">
  13. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  14. <title>小区房价地图</title>
  15. <link rel="stylesheet" href="<%=contextPath%>/vendor/sui/sui.min.css">
  16. <script type="text/javascript"
  17. src="http://api.map.baidu.com/api?v=2.0&ak=HiUymjgtye4TY7pf4ZLfQHPoablm5UFk"></script>
  18. <script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
  19. <script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
  20. <script type="text/javascript" src="<%=contextPath%>/static/ycrl/javascript/jquery-all.js"></script>
  21. <script type="text/javascript" src="<%=contextPath%>/static/ycrl/javascript/angular-all.js"></script>
  22. <style type="text/css">
  23. body, html {
  24. width: 100%;
  25. height: 100%;
  26. margin: 0;
  27. font-family: "微软雅黑";
  28. }
  29. #allmap {
  30. width: 100%;
  31. height: calc(100% - 2.3rem);
  32. margin:0;
  33. padding: 0;
  34. }
  35. div.input {
  36. height: 2rem;
  37. }
  38. div.input > input {
  39. }
  40. p {
  41. margin-left: 5px;
  42. font-size: 14px;
  43. }
  44. </style>
  45. </head>
  46. <body ng-app="app.map" ng-controller="Ctrl">
  47. <div class="page-group">
  48. <div class="page page-current">
  49. <div class="searchbar row">
  50. <div class="search-input col-85">
  51. <input type="search" id='search' ng-model="name" placeholder='输入小区名称、街道名称...'/>
  52. </div>
  53. <a class="button button-fill button-primary col-15" ng-click="search();"><span class="icon icon-search"></span></a>
  54. </div>
  55. <div id="allmap"></div>
  56. </div>
  57. </div>
  58. </body>
  59. <script type="text/javascript" src="<%=contextPath%>/vendor/sui/zepto.min.js"></script>
  60. <script type="text/javascript" src="<%=contextPath%>/vendor/sui/sui.min.js"></script>
  61. <script type="text/javascript" src="<%=contextPath%>/vendor/layer.js"></script>
  62. <script type="text/javascript" src="<%=contextPath%>/app/mobile/common.js"></script>
  63. <script type="text/javascript" src="<%=contextPath%>/app/mobile/map.js"></script>
  64. </html>