показать картинку загрузки пока идет запрос

 <script type="text/javascript">
    var myMap, myPlacemark, myBalloonContentBodyLayout, myBalloon;
 
    ymaps.ready(function () {
        myMap = new ymaps.Map("map",{
            center: [ymaps.geolocation.latitude, ymaps.geolocation.longitude],
            zoom: 13
                }, {
                    balloonMaxWidth: 400
                }),searchControl = new ymaps.control.SearchControl({ width: 390, noPlacemark: true });
            myMap.controls                
                .add('zoomControl')                
                .add('typeSelector') 
                .add(searchControl, { left: '140px', top: '5px' })
                .add('mapTools');   
 
        /**
         * @see [url]http://api.yandex.ru/maps/doc/jsapi/2.x/ref/reference/templateLayoutFactory.xml[/url]
         */
        myBalloonContentBodyLayout = ymaps.templateLayoutFactory.createClass(
            '<button type="submit" class="btn btn-success">Выбрать это месторасположение $[porpoercoords]</button>', {
            build: function () {
                myBalloonContentBodyLayout.superclass.build.call(this);
                $('.btn').on('click', $.proxy(this.onClick, this));
            },
            clear: function () {
                $('.btn').off('click');
                myBalloonContentBodyLayout.superclass.clear.call(this);
            },
            onClick: function () {
                var data = this.getData(),
                    balloon = data.balloon,
                    coords = data.coords;
 
                if(myPlacemark) {
                    myPlacemark.geometry.setCoordinates(coords);
                }
                else {
                    myPlacemark = new ymaps.Placemark(coords, {}, { preset: 'twirl#blueIcon' });
                    myMap.geoObjects.add(myPlacemark);
                }
 
                this._loadData(coords);
                balloon.close();
            },
            _loadData: function (coords) {
                $("#res").load("http://stail.ru/skins/tpl/order/addmetki.php", {
                    lat : coords[0].toPrecision(6),
                    lon : coords[1].toPrecision(6)
                });
            }
        });
 
        /**
         * @see [url]http://api.yandex.ru/maps/doc/jsapi/2.x/ref/reference/Balloon.xml[/url]
         */
        myBalloon = new ymaps.Balloon(myMap);
        myBalloon.options
            .set({ contentBodyLayout: myBalloonContentBodyLayout })
            .setParent(myMap.options);
 
        myMap.events.add('click', function (e) {
            var coords = e.get('coordPosition');
 
            if(myBalloon.isOpen()) {
                myBalloon.close();
            }
            else {
                myBalloon
                    .setData({
                        coords: coords,
                        balloon: myBalloon
                    })
                    .open(coords);
            }
        });
    });
    </script>