Google maps 谷歌地图中的灰色区域（Joomla 3+；）

下午好

我试图在SobiPro条目中实现一个Google地图（SobiPro是Joomla的一个目录组件），但它不能正常工作。我的地图显示了一些灰色的部分，在搜索并找到许多解决方案后，我需要你寻求帮助，因为任何其他解决方案都有效

我什么都试过了，但还是不起作用

这是URL，在第三个标签中，您会发现我的地图“Direccion”被称为：

我能做些什么来解决这个问题

使用更多代码编辑：

<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>

#地图画布{
边际：0px；
填充：0px；
}
函数初始化2（）{
var mylatng=new google.maps.LatLng（-25.363882131.044922）；
变量映射选项={
缩放：4，
中心：myLatlng
}
var map=new google.maps.map（document.getElementById（'map-canvas'），mapOptions）；
var marker=new google.maps.marker({
职位：myLatlng，
地图：地图，
标题：“你好，世界！”
});
}
google.maps.event.addDomListener（窗口'load'，初始化2）；

---

提前谢谢。

我想你需要的是类似于

google.maps.event.trigger（map，'resize'）

正如报纸上所说

当div改变大小时，开发人员应该在地图上触发这个事件：google.maps.event.trigger（map'resize'）

我必须把代码放在哪里？我试了每一行，但都没用。谢谢@kahoWhere显示您的第三页。我已经发布了我的地图代码，它在一个.XSL文件中运行。我会尝试。。。取出
var map=new google…..
中的
var
，在您的
initialize2
中创建
map
全球参考。然后，我将尝试编写类似于
onclick=“google.maps.event.trigger（映射，'resize'）
在您的
选项卡中，映射一个标记，或者使用某种方式触发该标记。映射显示正确，但这不是解决方案，因为用户必须单击选项卡两次才能解决问题，当用户更改选项卡并返回时，映射仍然是相同的问题。还有其他想法吗？谢谢@kaho