效果

说明

主要功能完成过程:

1. GitHub中openDRIVEview的代码拉拉下来。提取api，部署在自己的服务器上

2. 项目中，前端使用iframe展示服务器上的页面，并通过src后自定义的入参讲文件传入(文件的线上连接)

3. 1.Openview中获取入参，2.下载文件，3.展示。

前端vue3代码展示

<iframe id="reportFrame" :src=newurl frameborder="0" width="90%" height="90%" v-if="!showview"  ></iframe>
//src需要动态修改展示，配合showview避免空白页

点击预览后触发事件展示iframe

//通过监听viewfilelink（点预览的时候即可修改viewfilelink，并且修改v-if状态）
watch(viewfilelink,(newval, oldval) => {
  console.log(newval, oldval);
newurl.value=`http://autosim.adinnet.cn/map-view/?xodr=${newval}`;
showview.value=false
});