Javascript 谷歌地图卫星视图加载时，背景颜色显示为蓝色一段时间

我已经实现了谷歌地图，并将默认视图设置为卫星视图。但当页面加载时，背景在显示地图之前显示为蓝色。将地图视图设置为默认值时，其工作正常。我已经检查了

backgroundColor:“无”

在地图选项中。但它不起作用

我使用的代码如下：

 map = new google.maps.Map(document.getElementById("map"), {
        center: new google.maps.LatLng(center_lat,center_long),
        zoom: 18,           
        mapTypeControl: true,
        mapTypeControlOptions:
        {
            mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID],
            style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
            position: google.maps.ControlPosition.TOP_RIGHT             
        },          
        mapTypeId: google.maps.MapTypeId.HYBRID,
        navigationControl: true,
        navigationControlOptions:
        {
            style: google.maps.NavigationControlStyle.SMALL
        },
        backgroundColor: 'none'
    });

有人能帮我吗

---

在获取位置详细信息之前，我正在定义map变量。我找到了解决这个问题的办法。调用url获取位置详细信息后定义映射变量。例如：

    $.getJSON('googlescript.php', function(items)
    {
        var center_lat = '30.704649';
        var center_long = '76.717873';

        map = new google.maps.Map(document.getElementById("map"), {
            center: new google.maps.LatLng(center_lat,center_long),
            zoom: 18,           
            mapTypeControl: true,
            mapTypeControlOptions:
            {
                mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID],
                style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
                position: google.maps.ControlPosition.TOP_RIGHT             
            },          
            mapTypeId: google.maps.MapTypeId.HYBRID,
            navigationControl: true,
            navigationControlOptions:
            {
                style: google.maps.NavigationControlStyle.SMALL
            },
            backgroundColor: 'gray'
        });

        var routePoints = [];
        for (var i = 0; i < items.length; i++) {                    
          (function(item) {                     
                addMarker(item.lat,item.long);
            })(items[i]);
            routePoints.push(new     google.maps.LatLng(items[i].lat,items[i].long));
            var route= new google.maps.Polyline({
                        path: routePoints,
                        strokeColor: "#FF0000",
                        strokeOpacity: .9,
                        strokeWeight: 3,
                        geodesic: true,
                        icons: [{
                            icon: {path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW},
                            offset: '0',
                            repeat: '100px'
                        }
                        ]
            });
        map.setCenter(new google.maps.LatLng(center_lat,center_long));
        map.setZoom(18); 
        route.setMap(map);
        map.setTilt(0);         
        }

    });
    center = bounds.getCenter();
    map.fitBounds(bounds);      

$.getJSON（'googlescript.php'，函数（项）
{
var center_lat='30.704649'；
var center_long='76.717873'；
map=new google.maps.map（document.getElementById（“map”）{
中心：新的google.maps.LatLng（中拉，中长），
缩放：18，
mapTypeControl:true，
mapTypeControlOptions：
{
MapTypeId:[google.maps.MapTypeId.ROADMAP，google.maps.MapTypeId.HYBRID]，
样式：google.maps.MapTypeControlStyle.HORIZONTAL_BAR，
位置：google.maps.ControlPosition.TOP\u右
},          
mapTypeId:google.maps.mapTypeId.HYBRID，
导航控制：对，
导航控制选项：
{
样式：google.maps.NavigationControlStyle.SMALL
},
背景颜色：“灰色”
});
var routePoints=[]；
对于（var i=0；i

我认为它的背景不是蓝色的，而是大海。您的应用程序可能首先发送不同的纬度和经度，然后才是实际的。@Prajwal，谢谢您的回复。我已经检查了地图选项中的中心纬度。e、 g.（30.704649,76.717873）这个纬度和经度放在“中心：新的google.maps.LatLng（30.704649,76.717873）”。但是得到同样的问题。请提供一个例子来说明这个问题。（但可能您的计算机或网络连接比我的慢）。我已经检查了静态位置，它工作正常，但当我输入动态值时，获取位置信息需要一些时间，因此在加载地图之前它会显示蓝色背景。有人能建议我做什么吗？