Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法

这篇具有很好参考价值的文章主要介绍了Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

参考文档修改文件后,发现依然报错:

Mars3d单独引用示例文件教程_3d文件示例_绵绵-火星科技的博客-CSDN博客

具体报错截图:

Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法

es5的方式直接丢到mars3d包下,mars3d如果node方式引入,这个卫片js就需要改造下暴漏主函数名。

 看报错是: CesiumVectorTile.js里的错误,进去看看错误行,是不是缺cesium

  // if (typeof exports === "object" && typeof module === "object") module.exports = factory(require("mars3d-cesium"), require("@turf/turf"))

  // else if (typeof define === "function" && define.amd) define("CesiumVectorTile", ["mars3d-cesium", "@turf/turf"], factory)

  // else if (typeof exports === "object") exports["CesiumVectorTile"] = factory(require("mars3d-cesium"), require("@turf/turf"))

  // else root["CesiumVectorTile"] = factory(root["Cesium"], root["turf"])

以上面注释的代码中没有请求到@turf/turf库的原因

CesiumVectorTile.js文件修改了导入设置:

import * as Cesium from "mars3d-cesium"

import * as turf from "@turf/turf"

let CesiumVectorTile

;(function webpackUniversalModuleDefinition(root, factory) {

    CesiumVectorTile = factory(Cesium, turf)

Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法

CesiumVectorTile.js文件的末尾修改配置:

export { CesiumVectorTile }

Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法

WeiVectorTileLayer.js 文件的配置:

//按mars3d规范,将CesiumVectorTile封装下

import * as mars3d from "mars3d"

import {CesiumVectorTile} from './CesiumVectorTile'

export   class WeiVectorTileLayer extends mars3d.layer.BaseTileLayer {

    //构建ImageryProvider

    _createImageryProvider(options) {

      return createImageryProvider(options)

    }

  }

  function createImageryProvider(options) {

    return new CesiumVectorTile.VectorTileImageryProvider(options) //CesiumVectorTile.js中

  }

  WeiVectorTileLayer.createImageryProvider = createImageryProvider

  //注册下

  const layerType = "weiVectorTile" //图层类型

  mars3d.LayerUtil.register(layerType, WeiVectorTileLayer)

  mars3d.LayerUtil.registerImageryProvider(layerType, createImageryProvider)

  //对外接口

  mars3d.layer.WeiVectorTileLayer = WeiVectorTileLayer

Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法文章来源地址https://www.toymoban.com/news/detail-420441.html

到了这里,关于Mars3d引用单个示例文件WeiVectorTileLayer.js报错的解决办法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3 mars3d 天地图

                    npm i mars3d                  npm i mars3d-heatmap (热力图,需要的话安装)                 npm i -D copy-webpack-plugin                 增加mars3d目录配置,修改vue.config.js中configureWebpack里的内容如下:  使用: 最后附上天地图mapUrl地址

    2024年02月15日
    浏览(36)
  • Mars3D Studio 的使用方法

    mars3d Studio 是 mars3d 研发团队于近期研发上线的一款 场景可视化编辑平台。拥有资源存档、团队协作、定制材质等丰富的功能。可以实现零代码构建一个可视化三维场景。 (1)数据上传:目前支持 tif 影像上传、 3dtitles 、 gltf 小模型上传以及矢量数据( shp、gesojson、kml ) 下

    2023年04月16日
    浏览(99)
  • [mars3d 学习] 最近升级版本造成的问题

    1、mars3d升级3.5以上,使用的时候报错; 需要看下 Mars3D三维可视化平台 | 火星科技 版本更新日志; 使用将Cesium的版本升级到1.103 2、升级Cesium到1.103,之后打包又会报错 - error in ./node_modules/mars3d-Cesium/Build/Cesium/index.js 哦,是因为cesium1.96改变了代码打包方式;在vue2中就会存在

    2024年02月17日
    浏览(62)
  • Mars3d项目启动上的一些坑

    最近新入职了一家公司,公司新开了有个未来城市的项目,需要用到3D城市建模,公司老总选了Mars3d作为前端框架,项目分给我了,又是一个全新的领域,开搞吧! 下面是自己遇到的几个小问题,记录一下: 1 npm install copy-webpack-plugin --save -dev 时报错 解决办法:npm install cop

    2024年02月05日
    浏览(42)
  • Mars3D使用过程遇到的问题记录【持续更新】

    需要标注线面的角度heading 2022年6月23日 heading计算方式: https://turfjs.fenxianglu.cn/ 计算两点之间的角度 直接F12在控制台可以计算 eg: 加载gltf模型,模型是透明的,需要改为不透明 2022年6月23日 用文本编辑器打开.gltf,把里面的\\\"alphaMode\\\":\\\"BLEND\\\"改成\\\"alphaMode\\\":\\\"OPAQUE\\\" 模型旋转之后,标

    2024年02月08日
    浏览(58)
  • vue3使用Mars3D写区块地图

    因为我也是第一次使用,所以我是把插件和源文件都引入了,能使用启动 源文件 下载地址: http://mars3d.cn/download.html 放入位置 在index.html中引入 引入插件 我是封装的组件,代码的使用和意义 我直接放在备注中 大体布局 父组件 添加地图内部数据和地图外部数据的方法 ,我都

    2024年01月20日
    浏览(49)
  • vue3+vite项目集成mars3d

    创建一个项目 yarn create vite // vue - ts 安装依赖 yarn add vite-plugin-mars3d -D yarn add mars3d 控制台警告 warning \\\" mars3d@3.5.0\\\" has unmet peer dependency \\\"@turf/turf@^6.5.0\\\". warning \\\" mars3d@3.5.0\\\" has unmet peer dependency \\\"mars3d-cesium@~1.103.1\\\". 安装 yarn add  @turf/turf mars3d-cesium 修改 vite.config.ts 修改srcApp.vue 就可

    2024年02月15日
    浏览(47)
  • vue3 + vite + ts 集成mars3d

    使用mars3d过程中,需要集成mars3d到自己的项目中,mars3d开发教程中已经有集成好的项目模板 http://mars3d.cn/doc.html 项目模板gitte地址:https://gitee.com/marsgis/mars3d-vue-template/tree/master/mars3d-vue3-vite 如果不想用官方的模板就需要自己集成 如何创建项目参考网上的教程,这里就不做详细

    2024年02月06日
    浏览(42)
  • 通过Mars3d在地图上加载风力发电机车模型

    首先理清需求,通过Mars3d的基础项目,在基础项目模板上添加一个风力发电机模型。 Mars3d官网的基础项目下载地址:Mars3D三维可视化平台 | 火星科技 gitee地址: git clone https://gitee.com/marsgis/mars3d-vue-project.git 下载一份基础项目模板到本地后,参考README.md正常打开运行即可 其次

    2024年02月01日
    浏览(49)
  • Mars3d采用ellipsoid球实现模拟地球旋转效果

    1.Mars3d采用ellipsoid球实现模拟地球旋转效果 2.开始自选装之后,模型一直闪烁 http://mars3d.cn/editor-vue.html?id=graphic/entity/ellipsoid 3.相关代码:   4.采用属性机制即可实现球体模拟地球旋转的效果: 采用属性机制即可

    2024年02月16日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包