Question

我使用SVG精灵来创建标记。

var marker = new google.maps.Marker({
    position: new google.maps.LatLng(latitude, longitude),
    map: map,
    animation: google.maps.Animation.DROP,
    zIndex: google.maps.Marker.MAX_ZINDEX + 1,
    icon: {
        url: "myServer/mysprite.svgz",
        size: new google.maps.Size(48, 51),
        origin: new google.maps.Point(9610, 0)                        
    }
})

在我初始映射后，添加标记，在IE11中它根本不显示。在iPad上，它可以立即出现消失。

在Chrome中，显示FF，IE9,10 - 标记。

我可以使用SVG精灵来创建标记图像，使用谷歌地图API来支持IE11和Safari / iPad，还是其他任何评论？

谢谢，罗马。

Answer 1

您应该为标记图标设置scaledSize属性。

icon: {
  url: "myServer/mysprite.svgz",
  size: new google.maps.Size(48, 51),
  scaledSize: new google.maps.Size(48, 51),
  origin: new google.maps.Point(9610, 0)                        
}

在IE11，iPad中不显示SVG图标标记

1 个答案: