google-maps - 谷歌地图中的灰色区域 (Joomla 3+)

Question

下午好，

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

我已经尝试了一切，但仍然无法正常工作。

这是网址，在第三个标签中你会发现我的地图“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>

提前致谢。

Answer 1

我认为你需要的是类似的东西google.maps.event.trigger(map, 'resize');

正如文档中所说，

当 div 更改大小时，开发人员应在地图上触发此事件： google.maps.event.trigger(map, 'resize') 。