El código JavaScript proporcionado anima el mapa para que se mueva a medida que el usuario se desplaza:

$(function() {

    var $sidebar   = $("#map"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top   topPadding
            });
        }
        else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
});

Abordar el problema

No se recomienda utilizar el método animate() dentro de la función de desplazamiento, ya que puede generar conflictos debido a los cambios continuos en el valor de desplazamiento, evitando que jQuery realice animaciones repetitivas. Es posible que la función stop() por sí sola no resuelva el problema por completo.

En su lugar, se recomienda utilizar el método CSS. Aquí hay un ejemplo:

$(window).scroll(function() {
    var scrollVal = $(this).scrollTop();
    if ( scrollVal > offset.top) {
        $sidebar.css({
           'margin-top': (($window.scrollTop() - offset.top)   topPadding)   'px'
                       //added  'px' here to prevent old internet explorer bugs
        });
    } else {
        $sidebar.css({'margin-top':'0px'});
    }
});

Además, evite utilizar varias declaraciones if else en sus cálculos, ya que esto también puede causar conflictos.

Enfoque alternativo

Para En escenarios en los que el objetivo es fijar un elemento de navegación en una posición de desplazamiento específica, considere el siguiente enfoque:

$(document).ready(function() {
   $(window).scroll(function() {
       var headerH = $('.header').outerHeight(true);
      //this will calculate header's full height, with borders, margins, paddings
       console.log(headerH);
       var scrollVal = $(this).scrollTop();
        if ( scrollVal > headerH ) {
        //when scroll value reach to your selector
            $('#subnav').css({'position':'fixed','top' :'0px'});
        } else {
            $('#subnav').css({'position':'static','top':'0px'});
        }
    });
 });