在谷歌地圖上設置信息面板或div

-1

http://prntscr.com/7r1s0m 在谷歌地圖上設置信息面板或div

任何人都知道該怎麼做？

我想設置這個，但我不能......這是我的代碼：

 <script>  

      function init_map() { 
      var var_location = new google.maps.LatLng(46.206958, 6.145097); 

      var var_mapoptions = { 
       center: var_location, 
       zoom: 16 
      }; 



      var var_marker = new google.maps.Marker({ 
       position: var_location, 
       map: var_map, 
       title:"Venice"}); 

      var var_map = new google.maps.Map(document.getElementById("map-container"), 
       var_mapoptions); 


      var_marker.setMap(var_map); 

      } 

      google.maps.event.addDomListener(window, 'load', init_map); 
     </script>

我嘗試做任何事情，我在谷歌看，但我不找到了解決辦法，任何人有同樣的問題？有可能嗎？

來源

2015-07-10 alexkurban

也許你可以描述你所看到的不良行爲，而不只是說「我不行」或「它不行」。嘗試更具體地瞭解您遇到的具體問題。 –

謝謝，我正在提高我的英語 – alexkurban

您可以使用相對定位。假設的HTML佈局：

<body> 
    <div id="map-canvas">Google Map Here</div> 
    <div id="panel">Text<br>Text<br>Text</div> 
</body>

的CSS是這樣的：

#map-canvas { 
    height:100%; 
    width:100%; 
    margin-20px; 
} 
#panel { 
    position:relative; 
    top:50px; 
    left:50px; 
}

這樣做是設置map-canvas的一些尺寸，然後使其父元素的某處面板。來自父元素body的頂部和左側的測量結果給出爲top和left。

如需進一步的問題，請Google像CSS relative positioning這樣的東西，看看那裏有什麼幫助。

來源

2015-07-10 14:05:24 bcdan

就在20分鐘前，我使用此代碼，它的工作！ thx的答案 – alexkurban

在谷歌地圖上設置信息面板或div

回答

相關問題