仅在IE11中使用像素化标记

Question

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

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标记，这是我的自定义引脚。原始图像大小为1000 px1000 is。我遇到的问题是“优化:错误”这句话。当我在谷歌Chrome上打开这个。图标看起来像下面的图像(我想要的)：

​

​

但是，如果我在Internet 11上打开这张地图，引脚就会像这样被像素化：

​

​

我不明白它为什么要这么做。最初，我的图标都是在Google上像素化的，但添加了优化后的行来修复它。不幸的是，它没有解决IE11上的问题。IE对代码的解读是不同的还是我遗漏了一个代码？我试着翻阅文档，但没有找到任何解决方案。有人有类似的问题吗？

TYIA

Answer 1

我已经解决了这个问题。下面的行是我所使用的，但是我将这个工具-pin.png转换成一个SVG文件，它工作得很好。因此，显然，IE11不听“优化:错误”，但可以缩小SVG，而不存在任何问题。

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