Google地图未完全加载

Question

此问题可能是任何其他问题的副本。但我无法找到解决方案。

我使用jQuery gmap3插件在我的页面上添加了Google Map。它工作但当我尝试显示地图时，它只显示标记和控件。我尝试使用调整大小，但它不适合我。它看起来像这样：

这是我的代码：

savedGpsData = $('#inputGps').val().split(", ");

$("#mapsAddress").gmap3({
    map: {
        options: {
            center: [parseFloat(savedGpsData[0]), parseFloat(savedGpsData[1])],
            zoom: 14
        }
    },
    marker: {
        values: [
            {latLng: [parseFloat(savedGpsData[0]), parseFloat(savedGpsData[1])]},
        ],
        options: {
            draggable: true
        },
        events: {
            dragend: function(marker) {
                $('#inputGps').val(marker.getPosition().lat() + ', ' + marker.getPosition().lng());
                var gps_coor = $('#inputGps').val();
                var gpsLoc = gps_coor.split(', ');
                $('#gps_latitude').val(gpsLoc[0]);
                $('#gps_longitude').val(gpsLoc[1]);
            }
        }
    },
    trigger:"resize"
});

Answer 1

不确定，但我认为这是问题所在，尝试将缩放比例缩小为9，例如因为14太多而且没有在默认位置显示任何轮廓..

尝试缩放：9

Answer 2

可能会发生这种情况。如果纬度和经度的值相同。因此，需要对此进行验证并确保此值不相同。