Question

任何人都知道如何做到这一点？

我想设置这个，但我不能......这是我的代码：

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

我尝试做任何我在谷歌看到但我没有找到解决方案，任何人都有同样的问题？有可能吗？

Answer 1

您可以使用相对定位。假设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。

如需进一步的问题，请使用类似CSS relative positioning之类的Google，并查看有用的内容。

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

1 个答案: