Html 谷歌地图嵌入禁用用户控件

我正在尝试使用maps.google.com上的嵌入功能向我的网站添加一个简单的谷歌地图

以下是为我生成的代码：

<iframe src="https://www.google.com/maps/embed?pb=!1m12!1m8!1m3!1d2391.716465442018!2d-0.6309220000000001!3d53.169126500000004!3m2!1i1024!2i768!4f13.1!2m1!1sAqua+House%2C+Lincoln+Enterprise+Park%2C+Newark+Road%2C+Lincoln%2C+LN5+9FP!5e0!3m2!1sen!2suk!4v1418907912180" width="100%" height="410" frameborder="0" style="border:0"></iframe>

---

我不知道如何禁用用户控件，这样，如果他们不小心在地图上向下滚动，地图就不会放大负载。

我认为您对iframe没有太多的控制。最好的选择是使用Google Maps JavaScript API v3并设置

disableDefaultUI:true

尝试在get参数中添加选项

signed\u in=false

如果使用js api：

<script>
    // Google map
    function initMap() {

      var map = new google.maps.Map(document.getElementById('map2'), {
        zoom: 17,
        center: {lat: <lat>, lng: <lng>},
        scrollwheel: false,
          disableDefaultUI: true,
      });
      var image = 'images/map-icon.png';
      var marker = new google.maps.Marker({
        position: {lat: <lat>, lng: <lng>},
        map: map,
        icon: image,
        title: 'Hello World!'
      });
    }
</script>
<script async defer
     src="https://maps.googleapis.com/maps/api/js?signed_in=false&callback=initMap">
</script>

//谷歌地图
函数initMap（）{
var map=new google.maps.map（document.getElementById（'map2'）{
缩放：17，
中心：{lat:，lng:}，
滚轮：错误，
disableDefaultUI:true，
});
var image='images/map icon.png'；
var marker=new google.maps.marker({
位置：{lat:，lng:}，
地图：地图，
图标：图像，
标题：“你好，世界！”
});
}

也许我做这件事很糟糕，但我想要嵌入的简单性，但也没有控件：

只需将iframe放大两倍并隐藏溢出，问题就解决了

如果有人能看到这个问题，我很好奇

div.map-container{
位置：相对位置；
溢出：隐藏；
最小高度：500px；
宽度：100%；
}
iframe.map{
宽度：200%；
身高：150%；
位置：绝对位置；
底部：-25%；
左-50%；
}