首页 / 浏览问题 / 三维GIS / 问题详情
vue3 腾讯地图和GIS同时引入后,GIS地球展示不出来
1EXP 2023年03月15日
cesiumWorkerBootstrapper.js:1 Uncaught Error: importScripts failed for Workers/UnZipData at https://mapapi.qq.com/web/visualization/real3d/cesium-static/Workers/UnZipData.js
http://requirejs.org/docs/errors.html#importscripts
    at makeError (cesiumWorkerBootstrapper.js:1:1967)
    at req.load (cesiumWorkerBootstrapper.js:1:4054)
    at Object.load (cesiumWorkerBootstrapper.js:1:16507)
    at e.load (cesiumWorkerBootstrapper.js:1:10132)
    at e.fetch (cesiumWorkerBootstrapper.js:1:9933)
    at e.check (cesiumWorkerBootstrapper.js:1:11137)
    at e.enable (cesiumWorkerBootstrapper.js:1:13195)
    at Object.enable (cesiumWorkerBootstrapper.js:1:15621)
    at e.<anonymous> (cesiumWorkerBootstrapper.js:1:13052)
    at cesiumWorkerBootstrapper.js:1:1718
makeError @ cesiumWorkerBootstrapper.js:1
req.load @ cesiumWorkerBootstrapper.js:1
load @ cesiumWorkerBootstrapper.js:1
load @ cesiumWorkerBootstrapper.js:1
fetch @ cesiumWorkerBootstrapper.js:1
check @ cesiumWorkerBootstrapper.js:1
enable @ cesiumWorkerBootstrapper.js:1
enable @ cesiumWorkerBootstrapper.js:1
(anonymous) @ cesiumWorkerBootstrapper.js:1
(anonymous) @ cesiumWorkerBootstrapper.js:1
each @ cesiumWorkerBootstrapper.js:1
enable @ cesiumWorkerBootstrapper.js:1
init @ cesiumWorkerBootstrapper.js:1
(anonymous) @ cesiumWorkerBootstrapper.js:1
setTimeout @ cesiumWorkerBootstrapper.js:1
req.nextTick @ cesiumWorkerBootstrapper.js:1
s @ cesiumWorkerBootstrapper.js:1
requirejs @ cesiumWorkerBootstrapper.js:1
self.onmessage @ cesiumWorkerBootstrapper.js:1
cesiumWorkerBootstrapper.js:1 Uncaught Error: importScripts failed for Workers/S3MBTilesParser at https://mapapi.qq.com/web/visualization/real3d/cesium-static/Workers/S3MBTilesParser.js
http://requirejs.org/docs/errors.html#importscripts
    at makeError (cesiumWorkerBootstrapper.js:1:1967)
    at req.load (cesiumWorkerBootstrapper.js:1:4054)
    at Object.load (cesiumWorkerBootstrapper.js:1:16507)
    at e.load (cesiumWorkerBootstrapper.js:1:10132)
    at e.fetch (cesiumWorkerBootstrapper.js:1:9933)
    at e.check (cesiumWorkerBootstrapper.js:1:11137)
    at e.enable (cesiumWorkerBootstrapper.js:1:13195)
    at Object.enable (cesiumWorkerBootstrapper.js:1:15621)
    at e.<anonymous> (cesiumWorkerBootstrapper.js:1:13052)
    at cesiumWorkerBootstrapper.js:1:1718

1个回答

您好,

引用的话您需要注意是否会造成冲突

建议分别引入测试具体问题原因,仅该报错没法看出问题所在。

相关解决方法可以参考:https://it.cha138.com/javascript/show-58915.html

以及http://qa.supermap.com/56316?show=56501

4,151EXP 2023年03月15日

我现在如果把腾讯地图相关js注释掉后,则GIS是可以出来的,但是如果两个引入都在一起的话,就会报这个错GIS出不来

<!--   腾讯地图引入   -->
      <script src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script>
      <script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools,geometry,visualization&v=1.exp&key=key"></script>

      <!-- Cesium依赖 -->
      <link href="/static/Cesium/widgets/widgets.css" rel="stylesheet">
     <script type="text/javascript" src="./static/Cesium/Cesium.js" data-main="js/main"></script>
      <!-- 地形开挖引入 -->
      <link href="./static/pretty.css" rel="stylesheet">
      <script src="./static/tooltip.js"></script>
      <script src="./static/config.js"></script>
      <script src="./static/config1.js"></script>
      <script src="./static/config2.js"></script>
<!--      <script src="./static/Cesium/Cesium.js"></script>-->
      <script src="./static/Bubble.js"  data-main="js/main"></script>
      <script type="text/javascript" src="./static/jquery.min.js" data-main="js/main"></script>

这是我JS引入代码

我这边测试了一下,

您具体看控制台和请求报错就明白了。

这个完全的被拦截了,没有符合规范,使用了不允许的MIME类型。
我应该这么解决这个问题。

您如果是要引用腾讯地图作为球体影像的话

可以参考博客https://blog.csdn.net/jingjing_n/article/details/127323669

https://blog.csdn.net/weixin_45782925/article/details/123274831

通常情况下,都是使用现成的天地图等,腾讯地图使用起来较为麻烦,并且不是通过引用来使用的。

superMap 和 腾讯地图不能同时引入是吧 ,现在我们公司 地球要用superMap,有展示普通地图的地方要用腾讯地图实现,这就把我难住了
目前来说支持的就是按照博客的情况加载其他地图服务的地图瓦片。

即Cesium使用腾讯地图作为影像瓦片的情况。
...