Question

我使用此示例代码将google地图放在wordpress页面中：

<div id="map"  style="height:300px; width:300px;"></div>
<script>
  function initMap() {
    var uluru = {lat: -25.363, lng: 131.044};
    var map = new google.maps.Map(document.getElementById('map'), {
      zoom: 4,
      center: uluru
    });
    var marker = new google.maps.Marker({
      position: uluru,
      map: map
    });
  }
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

我正确地填写了我的api_key。因此，地图会加载，但会出现一些问题，如image所示：

缩放按钮和街景＆＃34;娃娃＆＃34;变成奇怪的样子。
所有地图都已加载，但如果我向右拖动，则新区域不会显示任何内容（棕色不透明）。如果我向左拖动，一切都显得正常。如果我在不透明区域更改缩放，它会恢复正常，但右侧问题会继续。

我认为问题出在wordpress上，因为我在一个简单的html页面中在我的本地计算机上进行了相同的测试，并且一切正常。

谢谢！

Google Maps API与wordpress的奇怪行为

0 个答案: