像素化标记仅在IE11中

Question

我在谷歌地图上使用Gmaps插件。看看下面的代码和解释。我尝试了许多可能的答案，但似乎没有任何效果。

var facility = new google.maps.MarkerImage("facility-pin.png", null, null, null, new google.maps.Size(28,28));

map.addMarker({
    lat: 50.445619,
    lng: -104.708681,
    title: 'Marker with InfoWindow',
    icon: facility,
    optimized: false, 
    animation: google.maps.Animation.DROP,
  });

此代码将标记放在正确的位置，而不是典型的Google标记，这是我的自定义图钉。原始图像大小为1000px x 1000px。我遇到的问题是“优化：假”行。当我在谷歌浏览器上打开它时。图标看起来像下面的图像（我想要的）：

但是如果我在Internet Explorer 11上打开这个地图，那么这个引脚就像这样像素化：

我不明白为什么会这样做。我最初在谷歌浏览器上设置了所有像素化的图标，但添加了优化的线路修复了它。不幸的是，它没有解决IE11上的问题。 IE是否以不同的方式读取代码或者是否存在我缺少的代码？我尝试查看文档，但找不到任何解决方案。有没有人有类似的问题？

TYIA

Answer 1

我已经解决了这个问题。下面的行是我正在使用的，但我将facility-pin.png转换为SVG文件，它完美地运行。所以显然IE11不会听“优化：假”行，但可以毫无问题地缩小SVG。

var facility = new google.maps.MarkerImage("facility-pin.png", null, null, null, new google.maps.Size(28,28));