Маркер API Карт Google Изображения, не отображаемые в 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

Я подозревал об этом с помощью Google Map API Forum.

Поскольку я разбивал отдельные координаты с помощью переноса строки <br> Internet Explorer использует заглавные буквы тега, поэтому мне нужно обслужитьтакже для заглавных букв, иначе координаты не будут разделены.

Решением будет изменение этой строки:

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

На это:

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

Остерегайтесь этого в будущем, ребята