【高德JS API】缩放最大只能18级问题

下面使用高德为底图,使用WMTS为上层图层,WMTS提供地图可以放大到21级,但高德只到18级,调试追踪源码发现是可以通过指dataZooms,使用更大缩放级别。

下面还实现两个图层叠加,当底层到最大级别18级时不再放大,WMTS继续放大。
使用Geoserver 提供WMTS服务,查看我别一篇文章,修改过GeoServer的TileMatrix参数解析

		  const defaultZoom = 20;
          let offineMapLayer = new AMap.TileLayer.WMTS({
            url: mapUrl, // "http://xxx.xxx.xxx.xxx:9090/geoserver/gwc/service/wmts",
            blend: true,
            tileSize: 256,
            zooms: [10, 22],
            dataZooms: [1, 22],
            opacity: 1,
            zIndex: 100,
            visible: true,
            params: {
              layer: "yuhua:test",
              VERSION: "1.1.1",
              // TileMatrixSet: "EPSG:3857", // EPSG:3857
              // TileMatrix: "EPSG:3857:" + defaultZoom, // 不能写,会自动计算;
            },
          });

          let baseLayer = new AMap.TileLayer({
            getTileUrl: function (x, y, z) {
              return `https://webst01.is.autonavi.com/appmaptile?style=6&x=${x}&y=${y}&z=${z}`;
            },
            opacity: 1,
            zooms: [10, 22],
            dataZooms: [1, 18],
            zIndex: 99,
          });

          this.offineMap = new AMap.Map("mapContainer", {
            viewMode: "3D", // 是否为3D地图模式
            animateEnable: true,
            buildingAnimation: true,
            center: [118.727413, 31.041544], // 初始化地图中心点位置
            zoom: defaultZoom,
            zooms: [10, 22],
            resizeEnable: true,
            expandZoomRange: true,
            layers: [baseLayer, offineMapLayer],
          });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值