如何在嵌入式Google地图上摆脱Chrome？

Question

我使用谷歌地图方法在我的页面中嵌入地图。是否有可能摆脱图像中的划掉的位？

这是我正在使用的HTML：

<div style="float: left; margin-right: 20px">
        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2466995.3196064606!2d-1.8564485!3d52.8552473!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4879960103837b17%3A0x8ddae75902857c2a!2sMansfield!5e0!3m2!1sen!2suk!4v1520339379553" width="300" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

Answer 1

文档中有一个示例：Disabling the default UI

只需将disableDefaultUI设为true：

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {
      lat: -33,
      lng: 151
    },
    disableDefaultUI: true
  });
}

#map {
  height: 100%;
}

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

<div id="map"></div>
<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap">
</script>