是否可以使用SignalR更新Google Map中的标记？

如标题所述，是否可以使用SignalR / jquery更新地图标记的颜色？

我正在一个网站上工作，在该网站上地图会显示具有实时状态变化的不同单位，并且标记颜色应将其反映为功能的一部分。

可以通过某种方式完成操作，还是将颜色设置为“运行时”的唯一方法？目前，地图以蓝色很好地显示了我所有的标记。

<script src="~/Scripts/GoogleAPI/markerclusterer.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="~/Scripts/GoogleAPI/oms.min.js"></script>
<script>
    var markerArray = [];    
    var usualColor = '0000FF';
    var spiderfiedColor = 'ffee22';
    var iconWithColor = function(color) {
        return 'http://chart.googleapis.com/chart?chst=d_map_xpin_letter&chld=pin|+|' +
            color + '|000000|ffff00';
    };
    var shadow = new google.maps.MarkerImage(
        'https://www.google.com/intl/en_ALL/mapfiles/shadow50.png',
        new google.maps.Size(37, 34), // size   - for sprite clipping
        new google.maps.Point(0, 0), // origin - ditto
        new google.maps.Point(10, 34) // anchor - where to meet map location
    );

    function initialize() {
        var bounds = new google.maps.LatLngBounds();
        var iw = new google.maps.InfoWindow();
        var mapOptions = {
            zoom: 12,
            panControl: false,
            zoomControl: false,
            scaleControl: false,
            mapTypeControlOptions: {
                style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
            },
            streetViewControl: false,
            overviewMapControl: true,
            mapTypeId: google.maps.MapTypeId.TERRAIN
        };

        var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        var oms = new OverlappingMarkerSpiderfier(map);
        var mcOptions = {
            maxZoom: 12
        };
        var markerCluster = new MarkerClusterer(map, [], mcOptions);

        //Overlapping marker spiderfier
        oms.addListener('click', function(marker) {
            iw.setContent(marker.desc);
            iw.open(map, marker);
        });
        oms.addListener('spiderfy', function(markers) {
            for (var i = 0; i < markers.length; i++) {
                markers[i].setIcon(iconWithColor(spiderfiedColor));
                markers[i].setShadow(null);
            }
            iw.close();
        });
        oms.addListener('unspiderfy', function(markers) {
            for (var i = 0; i < markers.length; i++) {
                markers[i].setIcon(iconWithColor(usualColor));
                markers[i].setShadow(shadow);
            }
        });

        //Populate data section
        var addMarker = function(lat, lon, name, locationName, unitHref, wellName, runNo, taskDesc, lastDepth, activityMessage, modeMessage) {
            var myLatlng = new google.maps.LatLng(parseFloat(lat), parseFloat(lon));

            bounds.extend(myLatlng);

            // COMMENTED OUT CUSTOM MARKER DESCRIPTION TO SAVE SPACE

            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                icon: iconWithColor(usualColor),
                shadow: shadow,
                maxWidth: 200
            });
            marker.desc = content;

            oms.addMarker(marker);
            markerArray.push(marker);
        };
        var populateUnits = function() {
            @foreach (var location in Model.Location)
            {
                if (location.Value != null && location.Key != null)
                {
                    @:addMarker('@location.Value.Latitude', '@location.Value.Longitude', '@location.Key.UnitName', '@location.Value.Name', '#', '@location.Key.ViewUnitContract.CurrentRun.Operation.WellContract.Name', '@location.Key.ViewUnitContract.CurrentRun.Id', '@location.Key.ViewUnitContract.CurrentRun.RunTask', '@location.Key.Depth', '@location.Key.ActivityMessage', '@location.Key.ModeMessage');
                }
            }
        };

        //Populate the units
        populateUnits();
        //Add cluster
        markerCluster.addMarkers(markerArray, true);
        //Fit map
        map.fitBounds(bounds);
    }
    google.maps.event.addDomListener(window, 'load', initialize);
</script>

这是我遍历数组的方式。

function changeMarkers(myArray) {
    for (var i = 0; i < myArray.length; i++) {
        myArray[i].setIcon(iconWithColor('a51720'));
    };
}

现在，在这一点上，我刚刚changeMarkers在脚本执行时调用了该函数，该函数起作用了。我已经将markerArray从initialize函数中移出了，但这也不起作用。

让我澄清一下我想做什么。假设页面已加载，我与SignalR的连接开始旋转，并且没有可用的实时数据。我可能需要10秒或10个小时才能更新标记的颜色。

例如，假设已经过去了两个小时，这就是我想做的；

function someFunc() {
    // Get a reference to the map object
    // Loop through its array of markers
    // if match between marker-id and SignalR data-id
    // update color of marker
}

如果我在脚本第一次执行后的markerArray任何给定时间循环浏览，则每次都会返回一个空集。我有点迷失在这里:)