Javascript 使用AJAX更新Google地图标记

Javascript 使用AJAX更新Google地图标记,javascript,ajax,google-maps,google-maps-api-3,Javascript,Ajax,Google Maps,Google Maps Api 3,当数据来自静态工厂时,我就开始工作了。现在数据来自远程服务器的AJAX调用($http),由于某些原因,标记不会出现在地图上 工作 基本上,如果我取消注释$http并替换静态数据,它将不会显示。它将显示变量标记填充了正确的数据,只是不会填充地图 类似我的意思是加载标记后将mode.state设置为true: $scope.mode.state = false; $scope.change_type = function(val) { var markers = []; $scop

当数据来自静态工厂时,我就开始工作了。现在数据来自远程服务器的AJAX调用(
$http
),由于某些原因,标记不会出现在地图上

工作

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


类似

我的意思是加载标记后将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)
    });
}
$scope.mode.state=false;
$scope.change_type=函数(val){
var标记=[];
$scope.eventMarkers=标记//在加载新标记之前,清除标记映射
事件。场馆(val.type)。然后(功能(resp){
var VICENTES=$.map(分别是数据、函数(值、索引){return[value]})
对于(变量i=0;i<1.length;i++){
活动=场地[i]
markers.push(createMarker(i,事件))
}
控制台日志(标记)
$scope.eventMarkers=标记
$scope.mode.state=true;
},函数(错误){
console.debug(错误)
});
}

尝试使用ng if并将mode.state设置为true加载第一批标记后,ng show会在我的应用程序中与ui gmap发生冲突,并将其定位为错误模式。state为true。映射清晰可见,没有发现类似的问题,试图从中找出类似的问题,我尝试了ng,但它给了我一些奇怪的错误:`error:Failed to execute'appendChild'on'Node':此节点类型不支持此方法。`但是它没有改变任何东西,我让它与工厂的静态数据的ng show一起正常工作。