0

HTMLは初めてです。テーブルとマップキャンバス（Google Maps API）が並んでいます。マップキャンバスの下にボタンを追加して、マップのズーム/中央をデフォルトに設定しようとしています。問題は、それを配置するための正しい構文がわからないことです。

<body>
    <div>
        <table border="1", id="myTable", cellpadding="10", style="float:left">
        <tr>
          <th>Name of Business</th>
          <th>Latitude</th>
          <th>Longitude</th>
          <th>Center Map</th>
        </tr>
        </table>

        <div id="map_canvas" style="float:right;width:1024px;height:600px;border:black">

        </div>

        <button onclick="map.setCenter(myOptions.center), map.setZoom(9)", style="float:bottom">Recenter Map</button>
    </div>
</body>

現在、[マップの再中心化]ボタンは上部にあり、テーブルとマップキャンバスの間にあります。

4

1 に答える 1

1

これはGoogle マップ API とは関係ありません。

その基本的なhtml。

最初にグーグルを試してみるべきでした。

とにかく、の<br>後にブレークを追加しdivます。

わかりましたので、コードを簡単に分析しましょう。

  • 属性をコンマで区切らないでください。( <table border="1", id="myTable",)
  • インライン スタイルは使用しないでください。( style="float:left")
  • 2 つの div を並べて配置するには、 を設定する必要がありますdisplay: inline-block。
  • 別の div を作成すると、ボタンを配置でき、他の div の下になります。または、ボタンが</div>コードの最後の後にあることを確認してください。
于 2012-11-09T19:09:54.583 に答える