Project

General

Profile

1
<div class="{{isEmbedRoute()? 'mapContainerEmbed' : 'mapContainer'}}">
2
  <!--Map-->
3
  <div class="map">
4
    <!--<chart type="Map" [options]="serviceMapOptions"></chart>-->
5
    <ng-container *ngIf="countries">
6
      <highcharts-chart
7
        [Highcharts]="Highcharts"
8
        [constructorType]="'mapChart'"
9
        [options]="chartMapOptions"
10
        style="width: 100%; height: 100%; display: block;"
11
      ></highcharts-chart>
12
    </ng-container>
13

    
14
    <!--<img src="../../../assets/img/mapExample.png">-->
15
  </div>
16

    
17
  <!--Map Controls-->
18
  <div class="uk-width-large-1-1 uk-container-center uk-text-center uk-margin-top mapControls">
19
    <ul class="uk-nav uk-nav-side uk-nav-horizontal uk-nav-parent-icon" data-uk-nav="{multiple:true}">
20
      <li>
21
        <a (click)="changeView('publications')">
22
          <span class="uk-nav-label" style="background-color: #F8D5E3 !important; border: 1px solid #F17AA9;"></span>
23
          <span class="text {{activeView=='publications' ? 'active' : ''}}">OA publications</span>
24
        </a>
25
      </li>
26
      <li>
27
        <a (click)="changeView('datasets')">
28
          <span class="uk-nav-label" style="background-color: #E2DAF0 !important; border: 1px solid #A98BD4;"></span>
29
          <span class="text {{activeView=='datasets' ? 'active' : ''}}">OA datasets</span>
30
        </a>
31
      </li>
32
      <li>
33
        <a (click)="changeView('repositories')">
34
          <span class="uk-nav-label" style="background-color: #C5E0E9 !important; border: 1px solid #708AA5;"></span>
35
          <span class="text {{activeView=='repositories' ? 'active' : ''}}">OA repositories</span>
36
        </a>
37
      </li>
38
      <li>
39
        <a (click)="changeView('journals')">
40
          <span class="uk-nav-label" style="background-color: #FBE8B1 !important; border: 1px solid #FFCE4E;"></span>
41
          <span class="text {{activeView=='journals' ? 'active' : ''}}">OA journals</span>
42
        </a>
43
      </li>
44
      <li>
45
        <a (click)="changeView('policies')">
46
          <span class="uk-nav-label" style="background-color: #D4ECD6 !important; border: 1px solid #639C66;"></span>
47
          <span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>
48
        </a>
49
      </li>
50
    </ul>
51
    <!--<h2 class="heading_b">-->
52
    <!--Our Team-->
53
    <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
54
    <!--</h2>-->
55
  </div>
56
</div>
(1-1/12)