questlab/views/html/map/index.tpl

46 lines
1.7 KiB
Smarty

<?=$moodpic?>
<ul class="breadcrumbs">
<li><a href="<?=$linker->link(array('seminaries',$seminary['url']))?>"><?=$seminary['title']?></a></li>
</ul>
<h1><i class="fa fa-map-marker fa-fw"></i><?=_('Map')?></h1>
<?php if(count(array_intersect(array('admin', 'moderator'), \hhu\z\controllers\SeminaryController::$character['characterroles'])) > 0) : ?>
<nav class="admin">
<li><a href="<?=$linker->link(array('edit',$seminary['url']), 1)?>"><?=_('Edit Map')?></a></li>
</nav>
<?php endif ?>
<div id="map" class="map" style="background-image:url('<?=$linker->link(array('grafics','paper.jpg'))?>')"></div>
<script type="text/javascript">
var extent = [0, 0, <?=$map['width']?>, <?=$map['height']?>];
var projection = new ol.proj.Projection({
code: 'pixel',
units: 'pixels',
extent: extent
});
var map;
$(document).ready(function() {
map = new ol.Map({
target: 'map',
layers: [
new ol.layer.Image({
source: new ol.source.ImageStatic({
url: '<?=$linker->link(array('media','seminarymap',$seminary['url']))?>',
projection: projection,
imageExtent: extent
})
})
],
controls: ol.control.defaults().extend([
new ol.control.OverviewMap({
collapsed: true,
})
]),
view: new ol.View({
projection: projection,
center: ol.extent.getCenter(extent),
zoom: 1,
extent: extent
}),
});
});
</script>