Question

如何在小<div>?

的中心设置谷歌地图

下面是代码

下面的代码工作正常，但城市显示在<div>

的右上角

如何在<div>

的中心移动它

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Google Map</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAdsfdspeATWBO-DG9lMgJ0ShhR6-O8wdUc0uGLMinc7m1CWtOdsfdsfsdqG9fPRwilSPzZoK_0Q" type="text/javascript"></script>    
<script type="text/javascript">
function showLocation(address)
  {
   var map = null;
    var geocoder = null;
      if (GBrowserIsCompatible()) {
  var map = new GMap2(document.getElementById("map_canvas_small"));
  geocoder = new GClientGeocoder();

     if (geocoder) {
          geocoder.getLatLng(
            address,
            function(point) {
              if (!point) {
                alert(address + " not found .");
              } else {
                  map.setCenter(point , 13);
              }
            }
          );}

      }
    }
</script>

    </head>

    <body onunload="GUnload()">
    <div id="map_canvas_small"  style="width: 208px; height:80px "></div>
                  <script type="text/javascript">
  {
  showLocation('Madrid, Spain');
  }
  </script>
    </body>

    </html>

Answer 1

你使用什么浏览器？我在不同的浏览器中测试您的代码并具有正常的居中。也许问题是浏览器还是操作系统？

如何在小<div>？</div>的中心设置谷歌地图

1 个答案: