Google Maps API标记图像不在Internet Explorer中显示

Question

我正在使用Google Maps API Javascript V3，并且我在Internet Explorer中遇到问题，我的标记图像未显示，但根据Adobe Browserlab，其他浏览器没有问题。正在从称为“隐藏”的div读取坐标。这里是我的代码：

<script type="text/javascript"> 
function initialize() { 
var cent = new google.maps.LatLng([security block]); 
var myOptions = { 
    zoom: 11, 
    center: cent, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
var locations = document.getElementById("hidden").innerHTML; 
var spLocations = locations.split("<br>"); 
var spLength = (spLocations.length)-1; 
var letter = "A"; 
for(var i=0; i<spLength; i++){ 
var formLocations = spLocations[i].split(","); 
var image = "http://www.google.com/intl/en_ALL/mapfiles/marker_black"+letter+".png"; 
var myLatLng = new google.maps.LatLng(formLocations[0], formLocations[1]); 
var marker = new google.maps.Marker({ 
     position: myLatLng, 
     icon: image, 
     map: map 
    }); 
letter = String.fromCharCode(letter.charCodeAt() + 1); 
} 
} 
</script>  

Answer 1

我已经在谷歌的Map API论坛的帮助下把它推出去了。

因为我是通过换行来拆分单个坐标Internet Explorer将大写标签大写，因此我需要迎合大写字母，否则坐标不会分开。

一个解决办法是改变这一行：

var locations = document.getElementById("hidden").innerHTML; 

要这样：

var locations = document.getElementById("hidden").innerHTML.toLowerCase(); 

留意这在未来家伙