Google 地图中的灰色区域 (Joomla 3+)

Grey area in Google Maps (Joomla 3+)

下午好,

我正在尝试在我的 SobiPro 条目中实施 Google 地图(SobiPro 是 Joomla 的目录组件),但它无法正常工作。我的地图显示了一些灰色的部分,在搜索并找到很多解决方案后,我需要你寻求帮助,因为其他任何解决方案都有效。

我什么都试过了还是不行。

这里是URL,在第三个标签中你会发现我的地图"Direccion"叫做:http://bdebeauty.es/component/sobipro/268

我该怎么做才能解决这个问题?

使用更多代码进行编辑:

<style>
#map-canvas {
    margin: 0px;
    padding: 0px;
}
</style>

<script>
function initialize2() {

    var myLatlng = new google.maps.LatLng(-25.363882,131.044922);

    var mapOptions = {
        zoom: 4,
        center: myLatlng
    }

    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Hello World!'
    });
}

google.maps.event.addDomListener(window, 'load', initialize2);

</script>

<div id="map-canvas" style="width:450px;height:300px;"></div>

提前致谢。

我想你需要的是 google.maps.event.trigger(map, 'resize');

documentation

中所述

Developers should trigger this event on the map when the div changes size: google.maps.event.trigger(map, 'resize') .