arcgis api实现加载天地图矢量底图并修改颜色

实现地图改色需要使用arcgis api4.18,实现原理是通过给WebTileLayer添加一个类似滤镜的滤镜效应,可参考 官网
深色天地图

具体实现代码

// An highlighted block
let tdt_vec = new WebTileLayer("http://{subDomain}.tianditu.gov.cn/vec_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=c&TILEMATRIX={level}&TILEROW={row}&TILECOL={col}&FORMAT=tiles&tk=天地图Key", {
        "subDomains": ["t0", "t1", "t2", "t3", "t4", "t5", "t6", "t7"],
        "tileInfo": this.tileInfoObj,
        spatialReference: spatialReference,
      });
      tdt_vec.effect = "brightness(0.88) contrast(2.0) grayscale(1.8) hue-rotate(360deg) opacity(1) saturate(1) sepia(0.4) invert(2.9)";
this.map = new Map({
      basemap: {
            baseLayers: tdt_vec
          },
        });

这里的effect内的参数可以自己调整然后查看结果,也可以从这里进行调整使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值