Vue2中Cesium加载离线地图

volodyan

已于 2024-01-26 13:04:20 修改

阅读量703

点赞数 1

分类专栏： Cesium 文章标签： javascript vue.js 前端

于 2024-01-26 12:57:52 首次发布

本文链接：https://blog.csdn.net/qq_37312180/article/details/135863540

版权

Cesium 专栏收录该内容

21 篇文章 2 订阅 ¥99.90 ¥99.00

订阅专栏

超级会员免费看

一、创建地图时添加

     let imageryLayer2 = Cesium.ImageryLayer.fromProviderAsync(
          new Cesium.UrlTemplateImageryProvider({
            url:
              "data/Assets/Textures/NaturalEarthII" + "/{z}/{x}/{reverseY}.jpg",
            tilingScheme: new Cesium.GeographicTilingScheme(),
            maximumLevel: 5,
          })
        );
        let imageryLayer3 = Cesium.ImageryLayer.fromProviderAsync(
          new Cesium.UrlTemplateImageryProvider({
            url: "SameUrlPath/{z}/{x}/{y}.png",
            layer: "imgLayer",
            minimumLevel: 0,
            maximumLevel: 8,
          })
        );

        this.viewer = new Cesium.Viewer(this.$refs.cesiumContainer, {
          selectionIndicator: false,
          infoBox: false,
          contextOptions: {
            msaaLevel: 8, // 硬件反走样，默认值为 1
            requestWebgl2: true,
            //requestWebgl1: true,

了解本专栏