ArcGIS JS API for Javascript 3.x自定义服务传参

**

ArcGIS JS API for Javascript 3.x自定义服务传参

**

场景:调用第三方提供的矢量切片图层,第三方为了安全,在服务路径中加了一个特殊的njtoken用来验证身份信息,当时的第一想法是在正常调用路径后面问号传参,
代码如下:

require([
  'esri/map', "esri/layers/VectorTileLayer" 
], function(Map, VectorTileLayer) {
  const map = new Map('map', {
      center: [118.795367, 31.921581],
      zoom: 14,
      logo: false,
      showAttribution: false,
  });
  var vectorTileLayer = new VectorTileLayer("http://............../VectorTileServer?njtoken=12345678");
  map.addLayer(vectorTileLayer,0);
});

实际上如果真的这么做,arcgis默认是识别不了njtoken的,查询路径只会是“http://…/VectorTileServer”

解决方法:经过多方查验,arcgis提供了专门的API,esri/request,可以实现该需求。
代码如下:

require([
  'esri/map', "esri/layers/VectorTileLayer" ,"esri/request"
], function(Map, VectorTileLayer,esriRequest) {
  const map = new Map('map', {
      center: [118.795367, 31.921581],
      zoom: 14,
      logo: false,
      showAttribution: false,
  });
  function myCallbackFunction(ioArgs:any) {
      ioArgs.content = ioArgs.content || {};
      ioArgs.content.njtoken = "12345678";
      console.log(ioArgs.url, ioArgs.content);
      return ioArgs;
  }
  esriRequest.setRequestPreCallback(myCallbackFunction);
  
  var vectorTileLayer = new VectorTileLayer("http://............../VectorTileServer");
  map.addLayer(vectorTileLayer,0);
});
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值