javascript - 谷歌地图 api - map 上的奇怪 div

Question

我在我的网站上添加了 map ，但它出了点问题。这是发生了什么......

这是html

<div id='map'>

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

这是我的 JS 代码...

function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 15.177076, lng: 15.619812},
    zoom: 8
  });
  }

我还发现这个白色的 div 在类 'gmnoprint' 下，我已经为该类设置了 display: none。在该元素后面有一个 div 元素，其中包含指向 google map 的链接。

那个 div 也遍布我的 map ，它阻止我控制 map ，但它不包含 class 或 id 属性。

问题是什么？如果没有其他解决方案，我可以通过什么方式更改该元素样式(我应该使用哪些 CSS 选择器)？

看起来像这样......

Answer 1

http://www.w3schools.com/googleapi/google_maps_basic.asp

试试这个。它对我有用。

这是一种将 map 添加到站点的更快方法。相同的功能: