D-Net

<div class="{{isEmbedRoute()? 'mapContainerEmbed' : 'mapContainer'}}">

  <!--Map-->

  <ng-container>

    <div *ngIf="overviewMapData" echarts [options]="options" class="demo-chart" (chartClick)="onChartClick($event, 'chartClick')"></div>

    <div *ngIf="!overviewMapData" class="loading-big">

      <div uk-spinner="ratio: 2" class="uk-overlay uk-position-center uk-dark" style="margin: auto"></div>

      <!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">-->

      <!--{{ loadingMessage }}-->

      <!--</div>-->

      <div class="transparentFilm"></div>

    </div>

  </ng-container>

  <!--Map Controls-->

  <div class="uk-width-large-1-1 uk-container-center uk-text-center uk-margin-top mapControls">

    <ul class="uk-nav uk-nav-side uk-nav-horizontal uk-nav-parent-icon" data-uk-nav="{multiple:true}">

      <li>

        <a (click)="changeView('publications')">

          <span class="uk-nav-label publicationMapControlLabel"></span>

          <span class="text {{activeView=='publications' ? 'active' : ''}}">OA publications</span>

        </a>

      </li>

      <li>

        <a (click)="changeView('datasets')">

          <span class="uk-nav-label datasetMapControlLabel"></span>

          <span class="text {{activeView=='datasets' ? 'active' : ''}}">OA datasets</span>

        </a>

      </li>

      <li>

        <a (click)="changeView('repositories')">

          <span class="uk-nav-label repositoryMapControlLabel"></span>

          <span class="text {{activeView=='repositories' ? 'active' : ''}}">repositories</span>

        </a>

      </li>

      <li>

        <a (click)="changeView('journals')">

          <span class="uk-nav-label journalMapControlLabel"></span>

          <span class="text {{activeView=='journals' ? 'active' : ''}}">journals</span>

        </a>

      </li>

      <!--<li>-->

        <!--<a (click)="changeView('policies')">-->

          <!--<span class="uk-nav-label" style="background-color: #D4ECD6 !important; border: 1px solid #639C66;"></span>-->

          <!--<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>-->

        <!--</a>-->

      <!--</li>-->

    </ul>

    <!--<h2 class="heading_b">-->

    <!--Our Team-->

    <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->

    <!--</h2>-->

  </div>

</div>