arcgis javascript api4.x加载非公开或者私有的arcgis地图服务

需求:

加载arcgis没有公开或者私有的地图服务,同时还想实现加载时不弹出登录窗口

提示:​

下述是针对独立的arcgis server,没有portal的应用场景;

如果有portal可以参考链接:https://mp.weixin.qq.com/s/WB09URxnPkaW9RvjHqAoSg

​

补充:

如果按照下述代码还弹窗,请确保通信协议保持统一,例如都使用https后者http

代码:

html 复制代码
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1, maximum-scale=1, user-scalable=no"
    />
    <title>hello</title>
    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>
    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.27/esri/themes/light/main.css"
    />
    <script src="https://js.arcgis.com/4.27/"></script>
    <script>
      require([
        "esri/config",
        "esri/WebMap",
        "esri/views/MapView",
        "esri/layers/FeatureLayer",
        "esri/identity/IdentityManager",
        "esri/identity/ServerInfo",
      ], function (
        esriConfig,
        Map,
        MapView,
        FeatureLayer,
        IdentityManager,
        ServerInfo
      ) {
        let serverInfo = new ServerInfo({
          hasServer: true,
          server: "https://192.168.17.138:6443/arcgis/rest/services",
          tokenServiceUrl:
            "https://192.168.17.138:6443/arcgis/tokens/generateToken",
        
        });
        let userInfo = {
          username: "siteadmin",
          password: "arcgis123",
        };
        IdentityManager.generateToken(serverInfo, userInfo).then(
          (res) => {
            console.log(res);
            IdentityManager.registerToken({
              server: "https://192.168.17.138:6443/arcgis/rest/services",
              token: res.token,
            });

            let layer = new FeatureLayer({
              url: "https://192.168.17.138:6443/arcgis/rest/services/china/MapServer/0",
            });

            const map = new Map({
              layers: [layer],
            });

            const view = new MapView({
              map: map,
              container: "viewDiv",
            });

            view.when(function () {
              view.extent = layer.fullExtent;
            });
          },
          (error) => {
            console.error(error);
          }
        );
      });
    </script>
  </head>
  <body>
    <div id="viewDiv"></div>
  </body>
</html>

参考资料:

arcgis中基于token访问私有服务

相关推荐
不是万能的豆学长3 小时前
filetidy 文件整理助手:一键归类 + 规范重命名(Python 零依赖单文件工具)
大数据·开发语言·python·技术美术
懂点Tech7 小时前
ctfshow MISC入门图片篇(信息附加):misc41解题思路
开发语言·python
catchadmin8 小时前
PHP 8.7 协程新提案 让跨协程代码共享请求身份
开发语言·php
念何架构之路9 小时前
go-grpc设计思想
开发语言·后端·golang
酷炫码神9 小时前
Day 10|Pinia 状态管理:把散落在各组件的数据,收进一个全局仓库
android·开发语言·javascript
Elastic 中国社区官方博客10 小时前
我们如何通过 70 多个拉取请求,将 OpenTelemetry Java agent 迁移到 invokedynamic
java·大数据·开发语言·elasticsearch·搜索引擎·全文检索·es
tyn18810 小时前
记录本地安装nacos服务的方法及异常
java·开发语言
步行cgn11 小时前
Spring MVC 视图机制的核心接口与类
java·开发语言·后端·spring·mvc
传奇开心果编程12 小时前
【Rust入门练中学】第5课:引用与借用
开发语言·rust·引用·编程语言理论·通用编程语言·借用
qetfw12 小时前
Bash 变量:export、位置参数与默认值展开验证
linux·开发语言·chrome·bash