component-map-web/dist/css/map-tool.css

web端电子地图组件-基于leaflet实现的2D地图效果

#toolBox {
  position: fixed;
  top: 200px;
  right: 24px;
  z-index: 999;
  background: url(../img/tool_bg.6a006a2b.png) no-repeat;
  background-size: 100% 100%;
  width: 56px;
  max-height: 479px;
  text-align: center;
}

.tool-right {
  width: 24px;
  height: 24px;
  margin: 40px auto;
  cursor: pointer;
}

#distance {
  background: url(../img/tool_icon_measure-range_default.2126c1dd.png) no-repeat;
  background-size: 100% 100%;
}
#distance:hover {
  background: url(../img/tool_icon_measure-range_selected.2ef2f06c.png) no-repeat;
  background-size: 100% 100%;
}

#area {
  background: url(../img/tool_icon_measure-surface_default.2776b120.png) no-repeat;
  background-size: 100% 100%;
}
#area:hover {
  background: url(../img/tool_icon_measure-surface_selected.42df381b.png) no-repeat;
  background-size: 100% 100%;
}

#angle {
  background: url(../img/tool_icon_angle-default.42ea9a4c.png) no-repeat;
  background-size: 100% 100%;
}
#angle:hover {
  background: url(../img/tool_icon_angle-selected.dd28352f.png) no-repeat;
  background-size: 100% 100%;
}

#pointMarker {
  background: url(../img/tool_icon_gauge-point_default.b4ef0ff2.png) no-repeat;
  background-size: 100% 100%;
}
#pointMarker:hover {
  background: url(../img/tool_icon_gauge-point_selected.18252b45.png) no-repeat;
  background-size: 100% 100%;
}

#lineMarker {
  background: url(../img/tool_icon_gauge-line_default.37dcc0fc.png) no-repeat;
  background-size: 100% 100%;
}
#lineMarker:hover {
  background: url(../img/tool_icon_gauge-line_selected.e3e1df8d.png) no-repeat;
  background-size: 100% 100%;
}

#areaMarker {
  background: url(../img/tool_icon_gauge-surface_default.4be2eee7.png) no-repeat;
  background-size: 100% 100%;
}
#areaMarker:hover {
  background: url(../img/tool_icon_gauge-surface_selected.b4215a94.png) no-repeat;
  background-size: 100% 100%;
}

#clearMarker {
  background: url(../img/tool_icon_delete_default.011cc4d0.png) no-repeat;
  background-size: 100% 100%;
}
#clearMarker:hover {
  background: url(../img/tool_icon_delete_selected.08df6613.png) no-repeat;
  background-size: 100% 100%;
}