放大或缩小时Google Maps Marker无法正常工作？

Question

我目前正在学习html，css和javascript，并且一直在练习使用bootstrap作为框架构建属性开发的目标网页。

我有点困惑2件事;我添加了一个带有自定义标记的自定义地图，每当我缩放或移动地图时，标记似乎都会中断，我无法解决原因。

var image = {
      url: "img/nelsonsyardmap-pointer.svg", // url
      scaledSize: new google.maps.Size(50, 69), // scaled size
      origin: new google.maps.Point(0,0), // origin
      anchor: new google.maps.Point(0, 0) // anchor
  };

// Define the Lattitude and Longitude for the map location
var myLatLng = new google.maps.LatLng(53.9563142, -1.0760329);

 // Define the map marker characteristics
var mapMarker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon: image,
        title:  'nelsonsmap'
        });

着陆页的链接在这里

http://nelsonsyard.kinetik.agency/

我有点困惑的另一件事是包含旋转木马的图像，因此它们按比例缩放。我知道通过宣布高度这不起作用，但如果我不知道图像的高度变为100％。并且迷失方向。

.carousel img { top: 0; left: 0; min-width: 100%; height: 450px; max-width: none;

}

任何建议都会很棒：）

由于