地图API操作之js操作xml

这段js可以读取下面xml的数据，并根据保存的坐标在页面创建img，接受参数为控制两种模式，即大背景图和小背景图，坐标对应不同。暂缺移除img功能，及其他浏览器支持。

<script language="javascript"  type="text/javascript">
function loadObject(num)
{
     dom = new ActiveXObject("Microsoft.XMLDOM");     //实例化dom对象
  dom.async = false;                           
    dom.load("ShopInfo.xml");            //加载xml文件                   
     node = dom.documentElement.childNodes;           //这里的node大家可以理解为net中的表,方便大家理解
  var mult=num;
 
   for(var i=0;i<node.length;i++) {
   //取出i行中的字段的值
            var name = node[i].childNodes[0].text;  
            var x = node[i].childNodes[1].text;
            var y = node[i].childNodes[2].text;
      var x1 = node[i].childNodes[3].text;
            var y1 = node[i].childNodes[4].text;
      var photo = node[i].childNodes[5].text;
   if(mult==1)
   {
    document.getElementById("jk_box").style.background="url('images/big.jpg')";
    var oDiv=document.createElement("img");
     // oDiv.addClass("m10");
     oDiv.id="10_"+name;
       oDiv.style.marginLeft=x;
     oDiv.style.marginTop=y;
     oDiv.style.position='absolute';
             oDiv.src="sxt_kai.png";
  
       jk_box.appendChild(oDiv);
   }
   else
   {
     
    document.getElementById("jk_box").style.background="url('images/small.jpg')";
   
    var oDiv=document.createElement("img");
   // oDiv.addClass("m20");
     oDiv.id="20_"+name;
       oDiv.style.marginLeft=x1;
     oDiv.style.marginTop=y1;
     oDiv.style.position='absolute';
    oDiv.src="sxt_kai.png";
   
    jk_box.appendChild(oDiv);

   }
   // alert(x+"-"+y+"-"+x1+"-"+y1);
  } 
}
</script>

 

<?xml version="1.0" encoding="utf-8" ?>

<ShopInfo>

<Shop>
    <name>商铺1</name>
    <x>100</x>
    <y>200</y>
 <x1>200</x1>
 <x2>400</x2>
 <photo>1.jpg</photo>
</Shop>
<Shop>
    <name>商铺2</name>
    <x>150</x>
    <y>200</y>
 <x1>300</x1>
 <x2>400</x2>
 <photo>2.jpg</photo>
</Shop>
<Shop>
    <name>商铺3</name>
    <x>200</x>
    <y>300</y>
 <x1>400</x1>
 <x2>600</x2>
 <photo>3.jpg</photo>
</Shop>

</ShopInfo>