Google maps SVG图标标记不';在IE11和iPad中显示

Google maps SVG图标标记不';在IE11和iPad中显示,google-maps,svg,sprite,marker,Google Maps,Svg,Sprite,Marker,我使用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/m

我使用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) } }) var marker=new google.maps.marker({ 位置:新google.maps.LatLng(纬度、经度), 地图:地图, 动画:google.maps.animation.DROP, zIndex:google.maps.Marker.MAX_zIndex+1, 图标:{ url:“myServer/mysprite.svgz”, 尺寸:新谷歌地图尺寸(48,51), 来源:新谷歌地图点(9610,0) } }) 在我初始化映射之后,添加标记,在IE11中它根本不出现。在iPad上,它可以立即出现 消失

在Chrome、FF、IE9中,显示10标记

我是否可以使用SVG sprite创建标记图像,使用google maps API来支持IE11和Safari/iPad,或者任何其他注释

谢谢,
罗马。

您应该为标记图标设置
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)                        
}