57 lines
2.2 KiB
HTML
57 lines
2.2 KiB
HTML
<div class="{{isEmbedRoute()? 'mapContainerEmbed' : 'mapContainer'}}">
|
|
<!--Map-->
|
|
<div class="map">
|
|
<!--<chart type="Map" [options]="serviceMapOptions"></chart>-->
|
|
<ng-container *ngIf="countries">
|
|
<highcharts-chart
|
|
[Highcharts]="Highcharts"
|
|
[constructorType]="'mapChart'"
|
|
[options]="chartMapOptions"
|
|
style="width: 100%; height: 100%; display: block;"
|
|
></highcharts-chart>
|
|
</ng-container>
|
|
|
|
<!--<img src="../../../assets/img/mapExample.png">-->
|
|
</div>
|
|
|
|
<!--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" style="background-color: #5086BA !important;"></span>
|
|
<span class="text {{activeView=='publications' ? 'active' : ''}}">OA publications</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a (click)="changeView('datasets')">
|
|
<span class="uk-nav-label" style="background-color: #44653D !important;"></span>
|
|
<span class="text {{activeView=='datasets' ? 'active' : ''}}">OA datasets</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a (click)="changeView('repositories')">
|
|
<span class="uk-nav-label" style="background-color: #A33C3C !important;"></span>
|
|
<span class="text {{activeView=='repositories' ? 'active' : ''}}">OA repositories</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a (click)="changeView('journals')">
|
|
<span class="uk-nav-label" style="background-color: #7056AF !important;"></span>
|
|
<span class="text {{activeView=='journals' ? 'active' : ''}}">OA journals</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a (click)="changeView('policies')">
|
|
<span class="uk-nav-label" style="background-color: #A26C0A !important;"></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>
|