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>
|