如何在Google地圖的圖片下添加按鈕？

我是新來的HTML。我有一張桌子和一張地圖畫布（Google Maps API）。我試圖在地圖畫布下添加一個按鈕來將地圖的縮放/中心設置爲默認。問題是我不知道定位它的正確語法。如何在Google地圖的圖片下添加按鈕？

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

現在「接收者地圖」按鈕位於頂部，位於表格和地圖畫布之間。

來源

2012-11-09 cYn

這是不是有關谷歌地圖api。

它的基本html。

你應該先試試Google。

反正加<br>後破div。

好的，既然你知道，讓我們快速分析你的代碼。

不要用逗號分隔屬性。（<table border="1", id="myTable",）
請勿使用內聯樣式。（style="float:left"）
要有2個並排的div，你應該設置display: inline-block。
如果你創建另一個div，你可以放入你的按鈕，它將在其他div下。或者只是確保你的按鈕在代碼中的最後一個</div>之後。

來源

2012-11-09 19:09:54 RASG

有人編輯了我原來的帖子 – cYn

@cYn：好的。我刪除了標籤。 – RASG

Did you mean

map canvas

和button？因爲沒有工作。順便說一下，我谷歌它的結果並不太有用。我找到了一個解決方案，有人使用position：absolute。但在這只是荒謬的，因爲這不是一個固定的位置，不會隨瀏覽器的大小而改變嗎？ – cYn

如何在Google地圖的圖片下添加按鈕？

回答

相關問題