首页 文章

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

提问于
浏览
2

我使用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精灵来创建标记图像使用谷歌 Map API来支持IE11和Safari / iPad,或任何其他评论?

谢谢,罗马 .

1 回答

  • 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)                        
    }
    

相关问题