Javascript 在Windows Phone 8.1的Google Maps v3中显示自定义标记(svg/png)
我有一个页面,显示谷歌地图V3中给定位置附近的名胜。它使用自定义svg图像作为标记 该代码适用于Android上的Chrome、iOS上的Safari和Windows Phone 8.0中的IE。将我的测试手机更新到Windows phone 8.1后,自定义标记停止显示。(它在JSFIDLE中也不起作用。)WindowsPhone8.1显示了Google的默认标记。 以下是创建标记的代码:Javascript 在Windows Phone 8.1的Google Maps v3中显示自定义标记(svg/png),javascript,google-maps,google-maps-api-3,windows-phone-8.1,marker,Javascript,Google Maps,Google Maps Api 3,Windows Phone 8.1,Marker,我有一个页面,显示谷歌地图V3中给定位置附近的名胜。它使用自定义svg图像作为标记 该代码适用于Android上的Chrome、iOS上的Safari和Windows Phone 8.0中的IE。将我的测试手机更新到Windows phone 8.1后,自定义标记停止显示。(它在JSFIDLE中也不起作用。)WindowsPhone8.1显示了Google的默认标记。 以下是创建标记的代码: placeService.nearbySearch(kynFilterReq, function (re
placeService.nearbySearch(kynFilterReq, function (results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
kynMarker = [];
console.log(results);
for (i in results) {
var kynIndex = getKYNFilterIndex(results[i].types[0]);
var position = results[i].geometry.location;
kynMarker [i] = new google.maps.Marker({
map: map,
position: position,
draggable: false,
crossOnDrag: false,
cursor: 'pointer',
zIndex: 100,
icon: { url: selImgURL,
size: new google.maps.Size(27.5,27.5),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(14, 14),
scaledSize: new google.maps.Size(25,25),
},
// icon: selImgURL,
kynType: kynIndex,
title: results[i].name
});
//add an infowindow
google.maps.event.addListener(kynMarker[i], 'click', function() {
infowindow.setContent('<div class="map-overlay"><h5>'+this.title+'</h5></div>');
infowindow.open(map, this);
$('.gm-style-iw').css('overflow','hidden');
});
}
}
});
placeService.nearbySearch(kynFilterReq,函数(结果,状态){
if(status==google.maps.places.PlacesServiceStatus.OK){
kynMarker=[];
控制台日志(结果);
对于(我在结果中){
var kynIndex=getKYNFilterIndex(结果[i]。类型[0]);
var position=results[i].geometry.location;
kynMarker[i]=新的google.maps.Marker({
地图:地图,
职位:职位,,
可拖动:错误,
克罗森特拉格:错,
光标:“指针”,
zIndex:100,
图标:{url:selImgURL,
尺寸:新谷歌地图尺寸(27.5,27.5),
来源:新google.maps.Point(0,0),
主播:新谷歌地图点(14,14),
scaledSize:新的google.maps.Size(25,25),
},
//图标:selImgURL,
kynType:kynIndex,
标题:结果[i]。名称
});
//添加一个信息窗口
google.maps.event.addListener(kynMarker[i],'click',function(){
infowindow.setContent(“”+this.title+“”);
打开(地图,这个);
$('.gm-style-iw').css('overflow','hidden');
});
}
}
});
我是做错了什么,还是手机IE11中有漏洞?我期待前者,但我不知道我做错了什么。如果您能帮助解决这个问题,我们将不胜感激
投递箱:
另一方面,弄清楚如何让代码在JSFIDLE中工作也会很好
jsFiddle:
谢谢,
安尼什