前端实现全局图2-vue中操作xml

上面我们写了，使用krpano+xml实现全景图的功能，这里主要介绍怎么结合vue事假操作xml

/**
 * 加载操作xml
 * @param xmlString xml字符串数据
 * @returns xml 结构（类似html的dom结构）
 */
export function loadXMLString(xmlString){
  let xmlDoc;
  if (window.DOMParser) {
    let parser = new DOMParser();
    xmlDoc = parser.parseFromString(xmlString, 'text/xml');
  } else {
    xmlDoc = new ActiveXObject('Microsoft.XMLDOM');
    xmlDoc.async = false;
    xmlDoc.loadXML(xmlString);
  }
  return xmlDoc;
}

用上面这个读取xml结构的方法，有兼容性，所以封装了一下

原先的xml结构里面就有了一个我们编辑的热点标签了