<link href="/css/ol.min.css" rel="stylesheet"> <script src="/js/jquery-1.10.2.js"></script> <script src="/js/bootstrap.js"></script> <script src="/js/ol.min.js"></script> <script> $(function(){ var shrinkHeader = 80; $(window).scroll(function() {
var scroll = getCurrentScroll(); if ( scroll >= shrinkHeader ) {
$('.navbar-brand').addClass('navbar-shrink'); $('.navbar-inverse').addClass('navbar-colored'); $('.navbar-nav').css({"margin":"0 0 0 15px"}); $(".sun").show();
$('.navbar-lower').addClass('navbarlower-colored');
} else{
$('.navbar-brand').removeClass('navbar-shrink'); $('.navbar-inverse').removeClass('navbar-colored'); $('.navbar-nav').css({"margin":"25px 0 0 25px"}); $(".sun").hide(); $('.navbar-lower').removeClass('navbarlower-colored');
}
}); function getCurrentScroll() {
return window.pageYOffset; }
});
$('[data-toggle="tooltip"]').tooltip(); $('.navbar-lower').affix({offset: {top: 60}});
var event = new ol.View({ 43.7779866,11.2473375 -58.39141,-34.58313 11.2473375,43.7779866 37.5667679,126.9749409,17 126.9749409,37.5667679,17 26.716309189796448,58.37335869669914
center: ol.proj.transform([100.5176245,13.746428], 'EPSG:4326','EPSG:3857'), zoom: 11
});
var map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
], controls: [], interactions: [], target: 'eventmap', view: event
});
</script>
