Javascript 为什么我的地图没有显示在我的联系人页面上？

我尝试按照谷歌的步骤将地图添加到我的页面， 拿到钥匙，按说明做了一切，但它没有出现

 `

<div id="map" style="width:100%;height:400px;background:grey;">
</div>

 <script>
          function myMap(){
        var mapCanvas = document.getElementById("map");
                var mapOptions = {
                  center: new google.maps.LatLng(51.5, -0.2), zoom:10
                };
                var map = new google.maps.Map(mapCanvas, mapOptions);
              }
 </script>

<script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE"></script>

 `

`
函数myMap（）{
var mapCanvas=document.getElementById（“map”）；
变量映射选项={
中心：新google.maps.LatLng（51.5，-0.2），缩放：10
};
var map=new google.maps.map（mapCanvas，mapOptions）；
}
`

多亏了@Mazz，我才能够解决这个问题； 结果我调用了一个不同的函数<代码>映射（）而不是

myMap（）

。 现在很好用。 多谢各位

---

您在任何地方调用

myMap（）

吗？将

js？key=MY\u key\u替换为
js？callback=myMap