Internet explorer Google Maps API V3-自定义.GIF标记在调整大小时不显示在IE中

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

一段时间以来,我一直在努力解决这个问题,但似乎无法让它发挥作用,也无法在留言板上找到解决方案

我正在尝试使用API V3在google地图中使用自定义标记。它需要是一个.gif文件而不是.png文件,因为IE似乎不支持.png中的alpha通道。 它的大小也需要缩小,因为它是一个非常复杂的图像,我使用的是文本,当你在photoshop/paint中调整图像大小时,所有细节都会丢失,变得非常像素化。我发现解决这个问题的唯一方法似乎是在.html文件中扩展它

我目前的html解决方案可以在FF、Chrome、Safari和Opera中使用,但不能在IE中使用(我甚至没有地图,只有一个空白的白色屏幕)

任何帮助都将不胜感激,因为我在网上搜索时似乎一无所获。我的HTML文件打印在下面

谢谢

<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)不喜欢尾随逗号,因为它需要一个标识符,因此会出现警告:“预期标识符。”

希望这对你有用