Javascript Google API地图加载但不渲染

我是js/HTML新手，正在尝试使用一个涉及GoogleMapsAPI的项目，但我很难加载地图。它显示贴图应为奶油色但贴图本身未渲染的区域。表单此时正在按其应做的方式工作。我希望有人能帮助我，或者只是给我一些如何改进的建议。下面是我的代码。谷歌地图部分来自第22-35行

我的谷歌地图
X坐标


Y坐标


消息


提交
函数createMap（）
{
var map=new google.maps.map（document.getElementById（“map_canvas”），
{
缩放：8，
中心：{lat:51.9904，液化天然气：-1.0439}，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
}

这就是您的JS的外观

<script type="text/javascript">
  function createMap() {
    var map = new google.maps.Map(document.getElementById("map_canvas"), {
      zoom: 8,
      center: { lat: 51.9904, lng: -1.0439 },
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  }
</script>
<script
  type="text/javascript"
  async
  defer
  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDUcYMhqZEf3LBHX1ZuiUrrcThuq6HHms0&callback=createMap&libraries=&v=weekly"
></script>

函数createMap（）{
var map=new google.maps.map（document.getElementById（“map_canvas”）{
缩放：8，
中心：{lat:51.9904，液化天然气：-1.0439}，
mapTypeId:google.maps.mapTypeId.ROADMAP
});
}

---

你有两件事做错了。“center”和Google api url中有一个输入错误。

您有一个输入错误：

center

应该是文档中的

center