Internet explorer Google Maps API V3-自定义.GIF标记在调整大小时不显示在IE中
一段时间以来,我一直在努力解决这个问题,但似乎无法让它发挥作用,也无法在留言板上找到解决方案 我正在尝试使用API V3在google地图中使用自定义标记。它需要是一个.gif文件而不是.png文件,因为IE似乎不支持.png中的alpha通道。 它的大小也需要缩小,因为它是一个非常复杂的图像,我使用的是文本,当你在photoshop/paint中调整图像大小时,所有细节都会丢失,变得非常像素化。我发现解决这个问题的唯一方法似乎是在.html文件中扩展它 我目前的html解决方案可以在FF、Chrome、Safari和Opera中使用,但不能在IE中使用(我甚至没有地图,只有一个空白的白色屏幕) 任何帮助都将不胜感激,因为我在网上搜索时似乎一无所获。我的HTML文件打印在下面 谢谢Internet explorer Google Maps API V3-自定义.GIF标记在调整大小时不显示在IE中,internet-explorer,api,resize,maps,Internet Explorer,Api,Resize,Maps,一段时间以来,我一直在努力解决这个问题,但似乎无法让它发挥作用,也无法在留言板上找到解决方案 我正在尝试使用API V3在google地图中使用自定义标记。它需要是一个.gif文件而不是.png文件,因为IE似乎不支持.png中的alpha通道。 它的大小也需要缩小,因为它是一个非常复杂的图像,我使用的是文本,当你在photoshop/paint中调整图像大小时,所有细节都会丢失,变得非常像素化。我发现解决这个问题的唯一方法似乎是在.html文件中扩展它 我目前的html解决方案可以在FF、Ch
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Map</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
var latLng = new google.maps.LatLng(51.500656, -0.124594);
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 14,
center: latLng,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
position: latLng,
draggable: true,
map: map,
icon: new google.maps.MarkerImage("http://www.activityvillage.co.uk/images/Big_Ben.gif", null, null, new google.maps.Point(66, 200), new google.maps.Size(136, 200)),
});
var label = new Label({
map: map
});
label.bindTo('position', marker, 'position');
label.bindTo('text', marker, 'position');
};
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="height: 100%; width: 100%"></div>
</body>
</html>
地图
函数初始化(){
var latLng=新的google.maps.latLng(51.500656,-0.124594);
var map=new google.maps.map(document.getElementById('map_canvas'){
缩放:14,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var marker=new google.maps.marker({
位置:latLng,
真的,
地图:地图,
图标:新建google.maps.MarkerImage(“http://www.activityvillage.co.uk/images/Big_Ben.gif,null,null,new google.maps.Point(66200),new google.maps.Size(136200)),
});
变量标签=新标签({
地图:地图
});
label.bindTo('position',marker,'position');
label.bindTo('text',marker',position');
};
尝试删除标记结构中的最后一个逗号:
var marker = new google.maps.Marker({
position: latLng,
draggable: true,
map: map,
icon: new google.maps.MarkerImage(
"http://www.activityvillage.co.uk/images/Big_Ben.gif",
null,
null,
new google.maps.Point(66, 200),
new google.maps.Size(136, 200)
)
});
由于类似的错误,我的地图根本没有显示出来。引用Zepher Dev的话:
“Javascript中有许多可能的错误可以解释缺少Google地图的原因。但是,我的问题是尾随逗号。IE7(有时是IE8)不喜欢尾随逗号,因为它需要一个标识符,因此会出现警告:“预期标识符。”
希望这对你有用