Google maps Can'；t获取谷歌地图JavaScript API以显示地图

我在使用Goggle Maps API时遇到问题。我无法让地图显示。下面是我的代码，我在外部用宽度和高度设置了map div的样式。有什么建议吗？我对编码还比较陌生，如果我没有遵守礼仪，我也会道歉

{% extends "base.html" %}

    {% block title %}Profile{% endblock %}

    {% block footer %}
    <script>
      function initMap()
      {
        var options = {
          zoom: 8,
          center {lat: -25.363, lng: 131.044};
        }

      var map = new google.maps.Map(document.getElementById('map'), options);
      }
    </script>

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

    {% endblock %}

    {% block body %}

        <h1>Profile</h1>

        <div id="map"></div>

        <dl class="dl-horizontal">
            <dt>First name</dt>
            <dd>{{ user.firstName }}</dd>

            <dt>Last Name</dt>
            <dd>{{ user.lastName }}</dd>

            <dt>Latitude</dt>
            <dd>{{ user.lat }}</dd>

            <dt>Longitude</dt>
            <dd>{{ user.lng }}</dd>

            <dt>email</dt>
            <dd>{{ user.email }}</dd>
        </dl>

        <a href="/profile/edit">Edit</a>

    {% endblock %}

{%extends“base.html”%}
{%block title%}配置文件{%endblock%}
{%block footer%}
函数initMap（）
{
变量选项={
缩放：8，
中心{纬度：-25.363，液化天然气：131.044}；
}
var map=new google.maps.map（document.getElementById（'map'），options）；
}
{%endblock%}
{%block body%}
轮廓
名字
{{user.firstName}
姓
{{user.lastName}
纬度
{{user.lat}}
经度
{{user.lng}
电子邮件
{{user.email}
{%endblock%}

您的代码中有两个小问题

脚本中选项变量的输入错误。缺少一个冒号和一个额外的分号

缺少CSS样式。（如果您的base.html中已经有此项，则可能需要去掉额外的样式标记）

以下是修复问题后的代码。把它放在一个HTML文件中，它应该可以工作

{%extends“base.html”%}
/*始终明确设置贴图高度以定义div的大小
*包含映射的元素*/
#地图{
身高：100%；
}
/*可选：使示例页面填充窗口*/
html，正文{
身高：100%；
保证金：0；
填充：0；
}
{%block title%}配置文件{%endblock%}
{%block footer%}
{%endblock%}
{%block body%}
轮廓
函数initMap（）
{
变量选项={
缩放：8，
中心：{纬度：-25.363，液化天然气：131.044}
}
var map=new google.maps.map（document.getElementById（'map'），options）；
}
名字
{{user.firstName}
姓
{{user.lastName}
纬度
{{user.lat}}
经度
{{user.lng}
电子邮件
{{user.email}
{%endblock%}

您不应该在线发布公钥