yandexMapsExample/data_maps.js at master · mrfratello/yandexMapsExample · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
function getXmlHttp(){
    var xmlhttp;
    try {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (E) {
            xmlhttp = false;
        }
    }
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
        xmlhttp = new XMLHttpRequest();
    }
    return xmlhttp;
}

var YaMapsHandler = {
    map: null,

    carPlaceMarkers: [],

    initMap: function() {
        YaMapsHandler.map = new ymaps.Map("yandex_map", {
            center: [55.76, 37.64],
            zoom: 10
        });
        YaMapsHandler.requestCarData();
    },

    requestCarData: function() {
        var ajax = getXmlHttp();
        ajax.open('GET', 'js/data.json', true);
        ajax.onreadystatechange = function() {
            if (ajax.readyState == 4) {
                if(ajax.status == 200) {
                    YaMapsHandler.successRequestCarData( JSON.parse( ajax.responseText ) );
                } else {
                    alert('Ошибка связи с сервером');
                }
            }
        };
        ajax.send(null);
    },

    successRequestCarData: function(responseCarData) {
        if ( responseCarData[0].errcode === 0 ) {
            YaMapsHandler.setupCarDataOnMap( responseCarData[0].data.arrCar );
        } else {
            alert( responseCarData[0].errmsg );
        }
    },

    setupCarDataOnMap: function(car_data) {
        for (var i = 0; i < car_data.length; i++) {
            var car = car_data[i],
                carCoordinateX = parseFloat( car.latitude ),
                carCoordinateY = parseFloat( car.longitude ),
                balloonContentBody,
                carPlaceMarker;
            balloonContentBody = "<img src='" + car.preview + "' alt='Изображение машины' />";
            balloonContentBody += "<div>" + car.name + "</div>";
            carPlaceMarker = new ymaps.Placemark([carCoordinateX, carCoordinateY], {
                hintContent: car.name,
                balloonContent: balloonContentBody
            });
            this.carPlaceMarkers.push(carPlaceMarker);
        }
        var clusterer = new ymaps.Clusterer();
        clusterer.add( this.carPlaceMarkers );
        this.map.geoObjects.add(clusterer);
    }
};

ymaps.ready( YaMapsHandler.initMap );