leaflet.draw.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /*S leaflet-control-measure-distance*/
  2. * {
  3. --widthBtu: 40px;
  4. --heightBtu: 40px;
  5. }
  6. .leaflet-control-measure {
  7. border: 1px solid #00aaff !important;
  8. width: var(--widthBtu);
  9. height: var(--heightBtu);
  10. position: relative;
  11. text-align: center;
  12. text-decoration: none;
  13. color: black;
  14. display: block;
  15. cursor: pointer;
  16. float: left;
  17. }
  18. .leaflet-control-measure span {
  19. display: block;
  20. width: var(--widthBtu);
  21. height: var(--heightBtu);
  22. overflow: hidden;
  23. position: absolute;
  24. left: 0px;
  25. top: 0px;
  26. background: url(images/biaojiYidian.png) no-repeat center center;
  27. background-size: 60%;
  28. }
  29. .leaflet-control-measure span:hover {
  30. background-size: 70%;
  31. }
  32. .leaflet-control-measure span:active {
  33. background-size: 60%;
  34. }
  35. .measure-tip {
  36. border: none;
  37. background: none;
  38. color: #00aaff !important;
  39. }
  40. .measure-tip .leaflet-label-tips {
  41. display: none;
  42. }
  43. /* .leaflet-magnifying-glass{
  44. cursor: pointer;
  45. } */
  46. /*E leaflet-control-measure-distance*/
  47. .measure-ico-del {
  48. background: url(images/icon-map-delete.png) center center;
  49. width: 30px;
  50. height: 30px;
  51. display: inline-block;
  52. margin-left: 10px;
  53. background-size: 100%;
  54. opacity: 0.85;
  55. }
  56. .measure-ico-del:hover,
  57. .measure-ico-list:hover,
  58. .measure-ico-save:hover {
  59. box-shadow: 0 0 4px 2px #34c6d864;
  60. opacity: 1;
  61. }
  62. .measure-ico-save {
  63. background: url(images/icon-map-save.png) center center;
  64. width: 30px;
  65. height: 30px;
  66. display: inline-block;
  67. margin-left: 10px;
  68. background-size: 100%;
  69. opacity: 0.85;
  70. }
  71. .measure-ico-list {
  72. background: url(images/icon-map-list.png) center center;
  73. width: 30px;
  74. height: 30px;
  75. display: inline-block;
  76. margin-left: 10px;
  77. background-size: 100%;
  78. opacity: 0.85;
  79. }
  80. .measuremarker {
  81. border-radius: 5px;
  82. background: #fff;
  83. border: 1px solid #000;
  84. }
  85. .measure-result-text {
  86. background-color: #fff;
  87. padding: 0 5px;
  88. border-radius: 3px;
  89. }