0

次のサンプルコードをgoogleからzfアプリに追加してみました。
ヘッドセクション：

<style type="text/css">
  html, body, #map_canvas {
    margin: 0;
    padding: 0;
    height: 100%;
  }
</style>
<script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
  var map;
  function initialize() {
    var myOptions = {
      zoom: 8,
      center: new google.maps.LatLng(-34.397, 150.644),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);
  }

  google.maps.event.addDomListener(window, 'load', initialize);
</script>

私からしてみれば：

  <div id="map_canvas"></div>

レイアウトスクリプトを使用しています。無効にするとマップが表示されますが、レイアウトを使用するとマップが表示されなくなります。誰かが何が起こっているのか教えてもらえますか？

4

1 に答える 1

0

わかりました、私はそれを理解しました。それは本当にCSSの問題でした。ページコンテンツの周りにコンテナ div がありました。最小高さの設定は 600px でした。Google の例の CSS には、html と body が 100% の高さに設定されています。コンテナの高さを 100% に変更したところ、解決しました。

于 2012-05-18T18:00:54.367 に答える