Question

纯小白，有没有vue2+for Cesium的整合代码，特别是怎么引入的，我下载了开发包之后再index.html引入没有效果，尝试了动态引入也没有效果（这个不知道是不是路径写的有问题，开发包在public/static/cesium）,有没有环境调试好的老哥给点建议

getCesiumScript(CesiumPath, prettycsspath) {
  try {
    if (!window.Cesium) {
      //widgets样式
      let $widgetslink = document.createElement("link");
      $widgetslink.rel = "stylesheet";
      window.document.head.appendChild($widgetslink);
      $widgetslink.href = CesiumPath + "/Widgets/widgets.css";

      //pretty样式
      // let $prettycsspath = document.createElement("link");
      // $prettycsspath.rel = "stylesheet";
      // window.document.head.appendChild($prettycsspath);
      // $prettycsspath.href = prettycsspath;
      console.log("dsdsadasas")
      //Cesium.js资源
      let $Cesiumscript = document.createElement("script");
      window.document.body.appendChild($Cesiumscript);
      $Cesiumscript.type = "text/javascript";
      $Cesiumscript.src = CesiumPath + "/Cesium.js";
      console.log($Cesiumscript)
      return new Promise((resolve, reject) => {
        $Cesiumscript.onload = () => {
          if (window.Cesium) {
            resolve(window.Cesium);
          } else {
            reject(console.log("load failed"));
          }
        };
      });
    }
  } catch (err) {
  }
},
//异步加载资源，等同于promise，资源路径存放在globe.js中
async beforeInit() {
  await this.getCesiumScript('@/../public/static/Cesium/', '');
},

Answer 1

您好，

可参考官网vue组件开发指南http://support.supermap.com.cn:8090/webgl/examples/component/dist/zh/api/guide/installation.htm

以及官方博客中相关文章进行参考https://blog.csdn.net/supermapsupport/article/details/123850171、https://blog.csdn.net/supermapsupport/article/details/119785454、https://blog.csdn.net/supermapsupport?type=blog

希望能够帮助到您！

Comments

我说的就是按这些来的，还是不行才来提问看看有没

---

不能动态引入哈。

不行是按什么试过？哪一步不行呢， 有什么报错， 提供报错截图呢。

Answer 2

不用异步加，直接放indexhtml里面引用就行。看看有啥报错。

如果是纯小白建议先学学vue，在聊咋引入。

楼上那个博客里面以前试过，可以正常用。不过按需的话貌似好像不行。