Google maps 在谷歌地图上设置信息面板或div_Google Maps_Google Maps Api 3

Google maps 在谷歌地图上设置信息面板或div

google-maps google-maps-api-3

Google maps 在谷歌地图上设置信息面板或div,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,有人知道怎么做吗我正试着设置这个，但我不能。。。这是我的代码： <script> function init_map() { var var_location = new google.maps.LatLng(46.206958, 6.145097); var var_mapoptions = { center: var_location,

有人知道怎么做吗

我正试着设置这个，但我不能。。。这是我的代码：

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


函数init_map（）{
var var_location=new google.maps.LatLng（46.206958,6.145097）；
var var_映射选项={
中心：var_位置，
缩放：16
};
var var_marker=新的google.maps.marker({
位置：var_位置，
地图：var_地图，
标题：“威尼斯”}）；
var var_map=new google.maps.map（document.getElementById（“地图容器”），
var_地图选项）；
var_-marker.setMap（var_-map）；
}
google.maps.event.addDomListener（窗口'load'，初始化映射）；

我试着做我在谷歌看到的任何事情，但我没有找到解决方案，有人有同样的问题吗？可以这样做吗？

您可以使用相对定位。假设HTML布局为：

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

这样做的目的是设置

贴图画布的一些大小，然后将面板放置在其父元素的某个位置。父元素主体
顶部和左侧的测量值表示为顶部
和左侧

关于更多的问题，请在谷歌上搜索类似于CSS相对定位的内容，看看有什么帮助。也许你可以描述你看到的不良行为，而不仅仅是说“我不能”或“它不起作用”。请尽量更具体地说明您遇到的具体问题。谢谢，我正在提高我的英语水平。就在20分钟前，我使用了这段代码，它成功了！谢谢你的回答
#map-canvas {
  height:100%;
  width:100%;
  margin-20px;
}
#panel {
  position:relative;
  top:50px;
  left:50px;
}