index.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1" />
  6. <title>市政智慧水务管理平台</title>
  7. <link rel="stylesheet" href="index.css" />
  8. <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  9. <link href="//mapopen.bj.bcebos.com/github/BMapGLLib/DrawingManager/src/DrawingManager.min.css" rel="stylesheet" />
  10. <!-- <script
  11. type="text/javascript"
  12. src="http://api.map.baidu.com/api?v=2.0&ak=ILQH1WYMHbSlqFNViqca6j62Ga7bSOzW"
  13. ></script> -->
  14. <script type="text/javascript"
  15. src="//api.map.baidu.com/api?type=webgl&v=2.0&ak=ILQH1WYMHbSlqFNViqca6j62Ga7bSOzW"></script>
  16. <script type="text/javascript" src="Lushu.js"></script>
  17. <!-- <script
  18. type="text/javascript"
  19. src="//api.map.baidu.com/library/LuShu/gl/src/LuShu_min.js"
  20. ></script> -->
  21. <script src="//mapopen.bj.bcebos.com/github/BMapGLLib/DrawingManager/src/DrawingManager.min.js"></script>
  22. </head>
  23. <body>
  24. <div id="root"></div>
  25. <script src="index.js"></script>
  26. </body>
  27. <style>
  28. .drawing-panel {
  29. z-index: 999;
  30. position: absolute;
  31. right: 6rem;
  32. bottom: 0.5rem;
  33. padding-left: 0;
  34. border-radius: 0.25rem;
  35. height: 47px;
  36. box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
  37. }
  38. .bmap-btn {
  39. border-right: 1px solid #d2d2d2;
  40. float: left;
  41. width: 64px;
  42. height: 100%;
  43. background-image: url(//api.map.baidu.com/library/DrawingManager/1.4/src/bg_drawing_tool.png);
  44. cursor: pointer;
  45. }
  46. .drawing-panel .bmap-marker {
  47. background-position: -65px 0;
  48. }
  49. .drawing-panel .bmap-polyline {
  50. background-position: -195px 0;
  51. }
  52. .drawing-panel .bmap-rectangle {
  53. background-position: -325px 0;
  54. }
  55. .drawing-panel .bmap-polygon {
  56. background-position: -260px 0;
  57. }
  58. .drawing-panel .bmap-circle {
  59. background-position: -130px 0;
  60. }
  61. </style>
  62. </html>