调整传单中标记的大小，但在角度中保持相同的中心点

问：

我接手了一个 Angular 项目，但在 Leaflet JS 库上遇到了一些麻烦。具体来说，您可以从工具栏中单击图标，然后单击以将它们放置在地图上。有一个侧边栏菜单，您可以在其中单击所需的图标大小 - 小 （20x20）、中 （41x41） 或大 （60x60）。问题在于，在大小之间更改时，未保留放置的图标的中心点。以下是单击“大”按钮时执行的代码（页面加载时默认为“中等大小”）：

  $(document).on("click", ".largeicon", function () {
    console.log("Large clicked!");
    drawnItems.eachLayer(function (layer) {
      if (layer instanceof L.Marker) {
        if (layer.dragging) {
          type_marker = layer._icon.classList[1];

          L.Icon.Large = L.Icon.Default.extend({
            options: {
              iconSize: new L.Point(60, 60),
              iconUrl: layer.dragging._marker._icon.currentSrc,
              iconRetinaUrl: layer.dragging._marker._icon.currentSrc,
            }
          });

          var large = new L.Icon.Large();
          //console.log("new L.Icon.Large", large);
          if (map.getBounds().contains(layer.getLatLng())) {
            layer.setIcon(large);
            layer._icon.style[L.DomUtil.TRANSFORM + 'Origin'] = '30px 30px 0px';
          }
        }
      }
    });
    L.Icon.Default.prototype.options.iconSize = [60, 60];
    pinsize = 60;
  });
}

我有一个函数（应该）正确计算标记的新位置，以便保持相同的中心点：

function getNewLatLng(style, originalLat, originalLng, newWidth, newHeight) {
  var originalWidth = style["width"].slice(0, -2);
  var originalHeight = style["height"].slice(0, -2);

  var newLat = originalLat - ((newWidth - originalWidth) / 2);
  var newLng = originalLng - ((newHeight - originalHeight) / 2);

  return {
    newLat: newLat,
    newLng: newLng
  };
}

使用控制台日志记录，此方法似乎可以正确计算新的偏移量，但是每当我在“大”和“中”尺寸之间单击时，标记都会随着每个开关在地图上缓慢移动。

任何人都可以就如何设置更新的标记位置以在尺寸更改之间保持相同的中心点提供一些帮助/指导吗？

先谢谢你。