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

这与谷歌地图 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 回答