| Version 4 (modified by nickboz, 9 years ago) |
|---|
<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({
center: ol.proj.transform([7.1004, 50.7359], 'EPSG:4326','EPSG:3857'), zoom: 15
});
var map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
})
], controls: ol.control.defaults({
attributionOptions: / @type {olx.control.AttributionOptions?} */ ({
collapsible: false
})
}), target: 'eventmap', view: event
});
</script>
