Javascript Ajax和Json完成事件不'；不要触发谷歌地图

我的谷歌地图有一个问题，它没有显示（尝试了一些与隐藏标签相关的事情，但这是不同的）我有一个ajax，发布一些数据，并在完成时获取一些数据，只是谷歌地图没有在完成事件时被触发

HTML

JAVASCRIPT

jQuery_1_11_0(document).ready(function () {
    var domain = '<?php echo $url; ?>'; // google.com
    $.ajax({
        type: 'POST',
        url: 'lib/ajax.php'
        data: {
            action: 'get_all_seo_details',
            domain: domain
        },
        beforeSend: function (data) {
            $('#map-canvas').html('Loading...');
        },
        complete: function () {
            $.getJSON('lib/get-details.php', function(data) {
            var lat = data.lat; // -25.363882
            var long = data.long; // 131.044922
            // those are ok, are displayed correctly
            function initialize() {
                var mapOptions = {
                    zoom: 4,
                    center: new google.maps.LatLng(-25.363882, 131.044922)
                };
                var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
                google.maps.event.trigger(map, 'resize');
                var marker = new google.maps.Marker({
                    position: map.getCenter(),
                    icon: {
                        path: google.maps.SymbolPath.CIRCLE,
                        scale: 10
                    },
                    draggable: true,
                    map: map
                });
            }
            google.maps.event.addDomListener(window, 'load', initialize);
            });
        }
    });
});

jQuery\u 1\u 11\u 0（文档）.ready（函数（）{
var域=“”；//google.com
$.ajax({
键入：“POST”，
url:'lib/ajax.php'
数据：{
行动：“获取所有seo详细信息”，
域名：域名
},
发送前：函数（数据）{
$（'#地图画布'）.html（'加载…'）；
},
完成：函数（）{
$.getJSON（'lib/get details.php'，函数（数据）{
var lat=data.lat；//-25.363882
var long=data.long；//131.044922
//这些都正常，显示正确
函数初始化（）{
变量映射选项={
缩放：4，
中心：新google.maps.LatLng（-25.363882131.044922）
};
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
google.maps.event.trigger（映射，'resize'）；
var marker=new google.maps.marker({
位置：map.getCenter（），
图标：{
路径：google.maps.SymbolPath.CIRCLE，
比例：10
},
真的，
地图：地图
});
}
google.maps.event.addDomListener（窗口“加载”，初始化）；
});
}
});
});

简化它。初始化函数需要从ajax调用获取mapsOptions。准备好ajax调用后，准备mapOptions，然后使用mapOptions调用initialize函数

jQuery_1_11_0(document).ready(function () {
    var domain = '<?php echo $url; ?>'; // google.com
    $.ajax({
        type: 'POST',
        url: 'lib/ajax.php'
        data: {
            action: 'get_all_seo_details',
            domain: domain
        },
        beforeSend: function (data) {
            $('#map-canvas').html('Loading...');
        },
        complete: function () {
            $.getJSON('lib/get-details.php', function(data) {
            var lat = data.lat; // -25.363882
            var long = data.long; // 131.044922
            // those are ok, are displayed correctly
           //Prepare mapOptions 
           var mapOptions = {
                    zoom: 4,
                    center: new google.maps.LatLng(lat, long)
                };
              //Now init. map
                initialize(mapOptions);
            });

            };
        })
    });


     function initialize(mapOptions) {
    {

    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
                google.maps.event.trigger(map, 'resize');
                var marker = new google.maps.Marker({
                    position: map.getCenter(),
                    icon: {
                        path: google.maps.SymbolPath.CIRCLE,
                        scale: 10
                    },
                    draggable: true,
                    map: map
                });
    }

});

jQuery\u 1\u 11\u 0（文档）.ready（函数（）{
var域=“”；//google.com
$.ajax({
键入：“POST”，
url:'lib/ajax.php'
数据：{
行动：“获取所有seo详细信息”，
域名：域名
},
发送前：函数（数据）{
$（'#地图画布'）.html（'加载…'）；
},
完成：函数（）{
$.getJSON（'lib/get details.php'，函数（数据）{
var lat=data.lat；//-25.363882
var long=data.long；//131.044922
//这些都正常，显示正确
//准备地图选项
变量映射选项={
缩放：4，
中心：新google.maps.LatLng（lat，long）
};
//现在是init.map
初始化（映射选项）；
});
};
})
});
函数初始化（映射选项）{
{
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
google.maps.event.trigger（映射，'resize'）；
var marker=new google.maps.marker({
位置：map.getCenter（），
图标：{
路径：google.maps.SymbolPath.CIRCLE，
比例：10
},
真的，
地图：地图
});
}
});

jQuery_1_11_0(document).ready(function () {
    var domain = '<?php echo $url; ?>'; // google.com
    $.ajax({
        type: 'POST',
        url: 'lib/ajax.php'
        data: {
            action: 'get_all_seo_details',
            domain: domain
        },
        beforeSend: function (data) {
            $('#map-canvas').html('Loading...');
        },
        complete: function () {
            $.getJSON('lib/get-details.php', function(data) {
            var lat = data.lat; // -25.363882
            var long = data.long; // 131.044922
            // those are ok, are displayed correctly
           //Prepare mapOptions 
           var mapOptions = {
                    zoom: 4,
                    center: new google.maps.LatLng(lat, long)
                };
              //Now init. map
                initialize(mapOptions);
            });

            };
        })
    });


     function initialize(mapOptions) {
    {

    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
                google.maps.event.trigger(map, 'resize');
                var marker = new google.maps.Marker({
                    position: map.getCenter(),
                    icon: {
                        path: google.maps.SymbolPath.CIRCLE,
                        scale: 10
                    },
                    draggable: true,
                    map: map
                });
    }

});