jquery - Google map 标记在 IE7 中不显示

Question

我设法跨浏览器加载 map ，但是当涉及到用标记填充它时，它在 IE7 中不起作用(标记不显示)。Firefox 中一切正常。

位置存储在 XML 中，然后由 JavaScript 解析并添加标记。

XML 结构:

<?xml version='1.0' standalone='yes'?>    
<stores>
  <store>
    <lat>47.00565</lat> <!-- Note: fake values here -->
    <lng>26.25879</lng>
  </store>
</stores>

jQuery 代码:

var loadMarkers = function(xml){
  var $allstores = $(xml).find("store");
  for($i=0; $i<$allstores.length; $i++){
    var $store = $allstores.eq($i);
    var marker= new GMarker(new GLatLng($store.find("lat").text(),$store.find("lng").text()));
    MaCarte.addOverlay(marker);
  }
}

了解 XML 文件中有 300 多个商店可能会很有用。

你有遇到过这样的问题吗？

更新:

问题似乎出在 XML 解析上。事实上，如果我像这样提醒返回的商店数量:

alert($allmagasins.length);

我在 IE 上得到“0”，在 Firefox 上得到“252”。jQuery 在 IE 中无法正确解析 XML 吗？

Answer 1

好的，我找到了解决方案。

当使用 jQuery 处理 IE 和 XML 解析时，必须做一些事情才能使其正常工作。

这是我更新的工作 jQuery 代码:

var loadMarkers = function(xml){

  if($.browser.msie){
    var data = xml;
    xml = new ActiveXObject( 'Microsoft.XMLDOM');
    xml.async = false;
    xml.loadXML(data);
  }

  var $allstores = $(xml).find("store");
  for($i=0; $i<$allstores.length; $i++){
    var $store = $allstores.eq($i);
    var marker= new GMarker(new GLatLng($store.find("lat").text(),$store.find("lng").text()));
    MaCarte.addOverlay(marker);
  }
}