0

こんにちは、

SobiPro エントリ内に Google マップを実装しようとしています (SobiPro は Joomla のディレクトリ コンポーネントです) が、正しく機能しません。マップに灰色の部分が表示されています。多くの解決策を検索して見つけた後、他の解決策はすべてうまくいったので、助けを求める必要があります。

私はすべてを試しましたが、まだ機能していません。

これが URL です。3 番目のラベルに、私のマップ「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>

前もって感謝します。

4

1 に答える 1

0

あなたが必要とするのは次のようなものだと思いますgoogle.maps.event.trigger(map, 'resize');

ドキュメントに記載されているように、

開発者は、div のサイズが変更されたときにマップ上でこのイベントをトリガーする必要があります: google.maps.event.trigger(map, 'resize') 。

于 2015-05-14T15:21:43.630 に答える