0

我希望将标签的高度和宽度设为 100%，现在在其他示例中，它使用下面展示的标签工作。但是在下面给出的代码中，如果我删除“style="width: 370px; height: 505px"" 并在元标记后添加以下代码

<style type="text/css>
body{
  height:100%;
  width:100%;
}
#map-canvas{
  height:100%;
  width:100%;
}
</style>

它不起作用。

<head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true">     </script>
    <script type="text/javascript">

      var shape;
      function initialize() {
        var mapDiv = document.getElementById('map-canvas');
        var map = new google.maps.Map(mapDiv, {
          center: new google.maps.LatLng(24.886436490787712, -70.2685546875),
          zoom: 4,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        shape = new google.maps.Polygon({
          strokeColor: '#ff0000',
          strokeOpacity: 0.8,
          strokeWeight: 2,
          fillColor: '#ff0000',
          fillOpacity: 0.35
        });

        shape.setMap(map);

        google.maps.event.addListener(map, 'click', addPoint);

      }

      function addPoint(e) {

        var vertices = shape.getPath();
        vertices.push(e.latLng);

      }
      function clearmap(){      
        initialize();  
      }


      google.maps.event.addDomListener(window, 'load', initialize);
    </script>
  </head>
  <body style="font-family: Arial; border: 0 none;">
    <div id="map-canvas" style="width: 370px; height: 505px"></div>
    <input type="button" value="click" onclick="clearmap"()>
  </body>

​</p>

4

1 回答 1

0

我用你的代码做了一个 jsfiddle

http://jsfiddle.net/jRwDs/3/

...以及来自 Rohit Azad 的答案，将html标签添加到文档样式中，似乎解决了您的问题（至少在 jsfiddle 上）。

于 2013-05-08T09:22:56.187 回答