当我尝试为标记设置动画时，Google Maps API会消失

Question

我试图在我的网站上放置一个谷歌地图API（我还不熟悉JavaScript和HTML，还有什么不是）我在网站上的地图没问题，我＆＃39 ;甚至在特定位置添加了标记没问题。我的问题是当我尝试为标记设置动画时。我甚至从w3-school网站复制并粘贴了一个演示代码，只是改变了坐标，但它仍然无法正常工作。每当我添加动画它的JavaScript时，地图就会从我的页面中消失....

   function myMap() {
                var myCenter = new google.maps.LatLng(54.524723, -1.556118);
                var mapCanvas = document.getElementById("map");
                var mapOptions = { center: myCenter, zoom: 5 };
                var map = new google.maps.Map(mapCanvas, mapOptions);
                var marker = new google.maps.Marker({ position: myCenter });
                marker.setMap(map);

上面是没有任何动画形式的代码，很好。下面是带有动画的代码，这就是让我的地图消失的原因。任何人都可以看到任何问题吗？非常感谢任何帮助！

  function myMap() {
                    var mapCanvas = document.getElementById("map");
                    var myCenter = new google.maps.LatLng(54.524723, -1.556118);
                    var mapOptions = { center: myCenter, zoom: 5 };
                    var map = new google.maps.Map(mapCanvas, mapOptions);
                    var marker = new google.maps.Marker({
                        position: myCenter,
                        animation: google.maps.Animation.BOUNCE
                    });
                    marker.setMap(map);
                }