谷歌地图标记更新与AJAX

Google map marker update with AJAX

本文关键字:AJAX 更新 地图 图标 谷歌      更新时间:2023-09-26

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

工作压倒器

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

类似问题

我的意思是在加载标记后将 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)
    });
}