像素化标记仅在 IE11 中

Question

我在 google 地图上使用 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。我遇到的问题是行 "optimized: false"。当我在 Google Chrome 上打开它时。图标看起来像下图（我想要的）：

但如果我在 Internet Explorer 11 上打开这张地图，图钉全都像素化了，如下所示：

我不明白为什么要这样做。我最初在 Google Chrome 上将图标全部像素化，但添加优化线后修复了它。不幸的是，它没有解决 IE11 上的问题。 IE 读取代码的方式不同还是我遗漏了某个代码？我尝试查看文档但找不到任何解决方案。有人遇到过类似的问题吗？

蒂亚

Answer 1

我已经解决了这个问题。下面这行是我正在使用的，但我将 facility-pin.png 转换为 SVG 文件并且它运行良好。所以显然 IE11 不听 "optimized: false" 行，但可以毫无问题地缩小 SVG。

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