倾斜摄影服务发布及前端js调用示例--ArcGIS Pro

最新推荐文章于 2024-08-11 23:56:23 发布

炒菜不加盐

最新推荐文章于 2024-08-11 23:56:23 发布

阅读量2k

点赞数 2

文章标签： arcgis 倾斜摄影 js—api arcgis-pro

本文链接：https://blog.csdn.net/u012599377/article/details/104404902

版权

这篇博客主要介绍一下怎么通过ArcGIS Pro发布倾斜摄影服务，以及如何通过js api去调用倾斜摄影服务

一、ArcGIS Pro发布倾斜摄影服务

首先，对于倾斜摄影的数据，常规处理办法见下图：

通常来说，我们拿到的倾斜摄影数据有2种，一种是OSGB格式的，一种是SLPK格式的。比较建议直接由倾斜摄影生成软件直接导出为i3s标准的slpk，这样可以直接进入ArcGIS平台；对于OSGB格式的倾斜摄影数据，ArcGIS Pro提供了两种方式，可以将之转换成slpk：数据互操作模块和Create Integrated Mesh Scene Layer Package，可以参考博客： https://blog.csdn.net/u012599377/article/details/85539510

以下为ArcGIS Pro发布倾斜摄影服务的步骤：ArcGIS Pro 2.5 + Enterprise 10.7

1. 打开ArcGIS Pro，将倾斜摄影数据加载到场景中

2. 找到Toolbox工具箱中的共享包工具（Share Package）

2.5版本有更新，增加了发布选项，2.4及之前版本的共享包工具只是作为一个传输工具，将slpk文件传输至Enterprise上

3. 发布完成，在portal中进行查看

4. 此外，还可以通过portal页面，直接上传slpk包进行服务的发布

二、通过js api去调用倾斜摄影服务

1. 效果

2. 代码示例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="initial-scale=1,maximum-scale=1,user-scalable=no"
    />
    <title>IntegratedMeshLayer - 4.12</title>

    <link
      rel="stylesheet"
      href="https://js.arcgis.com/4.12/esri/themes/light/main.css"
    />
    <script src="https://js.arcgis.com/4.12/"></script>

    <style>
      html,
      body,
      #viewDiv {
        padding: 0;
        margin: 0;
        height: 100%;
        width: 100%;
      }
    </style>

    <script>
      require([
        "esri/Map",
        "esri/views/SceneView",
        "esri/layers/IntegratedMeshLayer"
      ], function(Map, SceneView, IntegratedMeshLayer) {
        /********************
         * Create IntegratedMeshLayer layer
         ********************/

        var layer = new IntegratedMeshLayer({
          url:
            "rest url，需要替换",
          // Integrated Mesh data provided by VRICON (www.vricon.com)
          copyright: "VRICON"
        });

        /**************************
         * Add IntegratedMeshLayer to map
         *************************/

        var map = new Map({
          basemap: "satellite",
          layers: [layer],
          ground: "world-elevation"
        });

        var view = new SceneView({
          container: "viewDiv",
          map: map,
          camera: {
            position: {   
              x: 119.17385729190072,              #需要根据实际情况替换
              y: 28.84484969058647,
              z: 670,
              spatialReference: {
                wkid: 4326
              }
            },
            tilt: 84,
            heading: 85
          }
        });
      });
    </script>
  </head>

  <body>
    <div id="viewDiv"></div>
  </body>
</html>

参考：

https://developers.arcgis.com/javascript/latest/api-reference/index.html

【附录】

欢迎大家关注我的微信公众号：gis小僧