使用 AJAX 更新 Google 地图标记

Question

当数据来自静态工厂时，我有这个工作。现在数据来自远程服务器的 AJAX 调用 ($http)，由于某种原因，标记没有放在地图上。

工作plunker

基本上，如果我取消注释 $http 并替换静态数据，它将不会显示。它将显示变量markers 填充了正确的数据，只是不会填充地图

有点类似issue

Answer 1

我的意思是在加载标记后将 mode.state 设置为 true：

$scope.mode.state = false;
$scope.change_type = function(val) {
    var markers = [];
    $scope.eventMarkers = markers  // clear the map of markers, before loading new

    Events.venues(val.type).then(function(resp){
        var venues = $.map(resp.data, function(value, index){return [value]})  
        for (var i = 0; i < venues.length; i++) {
            event = venues[i]
            markers.push(createMarker(i,event))
        }
        console.log(markers)
        $scope.eventMarkers = markers
        $scope.mode.state = true;
    }, function(errror){
        console.debug(error)
    });
}