<div
  data-ng-show="!realtime"
  class="navbar clearfix bg-transparent"
  style=" z-index:100;"
>
  <ul class="nav navbar-right">
    <li class="navbar-form">
      <c8y-realtime-btn class="btn btn-link"></c8y-realtime-btn>
      <c8y-refresh-btn></c8y-refresh-btn>
    </li>
  </ul>
</div>
<div ng-style="cssToHide()">
  <leaflet
    id="c8y-map-{{ $id }}"
    markers="markers"
    center="config.centerPoint"
    defaults="mapDefault"
    ng-class="cssClass"
  ></leaflet>
</div>
<div ng-hide="withPosition && withPosition.length">
  <i c8y-icon="warning"></i>
  <span translate>
    No position fragment in selected devices
  </span>
</div>
