Question

我正在尝试在Google地图中重新创建一个基本的Hello World。我一直在努力寻找问题的最后一小时，但事实并非如此。在尝试提供地图时，它会为地图提供不合适的地图/卫星按钮（方式太大），以及页面底部的白色框。我希望按钮通常都有样式，白盒子也没了。

以下是我的jsFIddle：https://jsfiddle.net/rich22/m84kwtwv/

create

Answer 1

你的css没有做你想做的事。此规则会影响所有 div元素：

div {
height: 70%;
}

将其更改为（如果您只想影响＆＃34;地图＆＃34; div）：

#map {
height: 70%;
}

updated fiddle

代码段

＆＃13;

body,
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
#map {
  height: 70%;
}

＆＃13;

<div id="map"></div>
<script>
  function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 13,
      center: {
        lat: -33,
        lng: 151
      },
      mapTypeControl: true,
      scaleControl: true
    });
  }
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAT4rwfJEdapVoq-EvUDeFjquATnLnhYZI&callback=initMap" type="text/javascript">

＆＃13;

在Google地图上接收奇怪的列/形状

1 个答案: