Home/ Questions/Q 8829087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T07:45:16+00:00

I’m new to HTML. I have a table and a map canvas (Google Maps

  • 0

I’m new to HTML. I have a table and a map canvas (Google Maps API) side by side. I’m trying to add a button under the map canvas to set the zoom/center of the map to default. Problem is I don’t know the correct syntax to position it.

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

Right now the “Recenter Map” button is at the top and in between the table and map canvas.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    this is not related to google maps api.

    its basic html.

    you should’ve tried google first.

    anyway, add a <br> break after the div.

    ok, since you’re knew, lets do a quick analysis of your code.

    • Do not separate attributes with a comma. (<table border="1", id="myTable",)
    • Do not use inline styles. (style="float:left")
    • To have 2 divs side by side you should set display: inline-block.
    • If you create another div you can put your button in, and it will be under the other divs. Or just make sure your button is after the last </div> in your code.
    • 0