Question

我是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>

现在，“Recenter Map”按钮位于表格和地图画布的顶部和中间。

Answer 1

这与谷歌地图api相关的不。

它的基本HTML。

你应该先尝试谷歌。

无论如何，请在<br>之后添加div个中断。

好的，既然你已经知道了，那就让我们快速分析你的代码。

不要用逗号分隔属性。（<table border="1", id="myTable",）
不要使用内联样式。（style="float:left"）
要并排2个div，您应该设置display: inline-block。
如果您创建另一个div，则可以将按钮放入其中，它将位于其他div下。或者只是确保您的按钮位于代码中的最后一个</div>之后。

如何使用谷歌地图在图像下添加按钮？

1 个答案: