Javascript 谷歌地图API与wordpress的奇怪行为

我使用以下示例代码将谷歌地图放入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>

函数initMap（）{
var uluru={lat:-25.363，液化天然气：131.044}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：4，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}

我正确填写了api_密钥。 因此，地图会加载，但会出现一些问题，如显示：

• 缩放按钮和街景“玩偶”会变成奇怪的外观

• 所有地图都已加载，但若向右拖动，新区域将不显示任何内容 （棕色不透明）。如果我向左拖动，所有显示为正常。若我改变不透明区域的缩放，它会恢复正常，但右侧的问题仍然存在

我认为问题出在wordpress上，因为我在本地计算机上用一个简单的html页面做了相同的测试，所有的测试都很有效

---

谢谢

这不是WordPress的问题，100%。停用所有插件，切换到标准（例如，217）主题，你会看到地图工作。是的，你是对的。问题出在我的主题中的class.markup格式中。我修复了在css文件中添加.markup格式img{max width:none！important；}的问题。非常感谢。