Untitled

<head>
    <title>Online карта</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AND-wE0BAAAADAk6VAIA4ALTcoD8bDnC6HjmqqVBOytyDT8AAAAAAAAAAACwAuRXNHklNcQK21RSIpOHlCp39g==&modules=traffic" type="text/javascript"></script>
    <script type="text/javascript" src="http://js.static.yandex.net/jquery/1.3.2/_jquery.js"></script>
    <script type="text/javascript">
        YMaps.jQuery(function () {

            function SetSize() {
                $.post('Handler2.ashx', { type: '0' }, function (response) {
                    eval(response);
                    for (i in data) {
                        if ((data[i].Weight != '') && (data[i].Height != '')) {
                            document.getElementById("YMapsID").style.width = data[i].Weight;
                            document.getElementById("YMapsID").style.height = data[i].Height;
                        }
                    }
                })
            };

            SetSize();

            window.onresize = function Size() { SetSize(); };

            // Создание экземпляра карты и его привязка к созданному контейнеру
            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]), traffic = new YMaps.Traffic.Control();

            // Установка для карты ее центра и масштаба
            $.post('Handler2.ashx', { type: '0' }, function (response) {
                eval(response);
                for (i in data) {
                    if ((data[i].CityLon != '') && (data[i].CityLat != '')) {
                        map.setCenter(new YMaps.GeoPoint(data[i].CityLon, data[i].CityLat), 12);
                    }
                }
            });


            // Добавим инструменты
            map.addControl(new YMaps.TypeControl());
            map.addControl(new YMaps.Zoom());
            map.addControl(new YMaps.MiniMap());
            map.addControl(new YMaps.ScaleLine());
            traffic.setState({ showInfoSwitcher: true, infoLayerShown: true });
            map.addControl(traffic);
            var searchControl = new YMaps.SearchControl({
                resultsPerPage: 5,  // Количество объектов на странице
                useMapBounds: 1,     // Объекты, найденные в видимой области карты
                width: 400
            });
            map.addControl(searchControl);
            map.enableScrollZoom();

            function PlacemarkLayout() {
                var element = document.createElement('div');

                this.onAddToParent = function (parent) {
                    parent.appendChild(element);
                }

                this.onRemoveFromParent = function () {
                    element.parentNode.removeChild(element);
                }

                this.update = function () { }

                this.setContent = function (content) {
                    content.onAddToParent(element);
                }
            }

            var SecObjManager = new YMaps.ObjectManager();
            var pmSecObj;

            var gCollection = new YMaps.GeoObjectCollection();

            var img; //Название картинки, которую грузить при срабатывании тревожной кнопки в гр. реагирования
            var k = 0;
            var k2 = "1"; //признак,что балун закрыл не пользователь,а он закрыт при очистке слоя с обьектами

            function ClearObj() {
                k2 = "1";
                map.removeOverlay(gCollection);
                gCollection.removeAll();
                k2 = "0";
            };

            var point;
            var placemark;

            function DrawObj() {
                $.post('Handler.ashx', function (response) {
                    ClearObj();
                    eval(response);
                    for (i in data) {
                        if (data[i].HideObj != '1') {
                            point = new YMaps.GeoPoint(data[i].Longitude, data[i].Latitude);
                //тут описание метки
                            gCollection.add(placemark);

                        };
                    };
                    map.addOverlay(gCollection);
                  /* gCollection.forEach(function (obj, objIndex, group) {
                        if (obj.id == k) { obj.openBalloon(); };
                    });
                    ee();*/
                });
            };

            DrawObj();
            setInterval(function () { DrawObj(); }, 10000);

            function onBallonOpen() {
        k = this.id;
            }

        function onBallonClose() {
        if (k2 != "1") { k = 0; };
            }

            //setInterval(function () {
            function ee() {
                gCollection.forEach(function (obj, objIndex, group) {
                    if(!obj.__inited) {
                    var listener1 = YMaps.Events.observe(obj, obj.Events.BalloonOpen, onBallonOpen, obj);

                    var listener2 = YMaps.Events.observe(obj, obj.Events.BalloonClose, onBallonClose, obj);
                    }
                });
            };
            //}, 2000);


        });
    </script>
</head>

<body>
        <div id="YMapsID" style="width:1024px;height:768px;"></div>
</body>
</html>