ArcGIS for javascript4.13 加载倾斜摄影三维数据

最新推荐文章于 2025-02-25 02:57:18 发布

渊博苑

最新推荐文章于 2025-02-25 02:57:18 发布

阅读量2.8k

点赞数 1

分类专栏： ArcGIS for javascript webgis

本文链接：https://blog.youkuaiyun.com/ucs426/article/details/103353588

版权

ArcGIS for javascript 同时被 2 个专栏收录

15 篇文章

订阅专栏

webgis

2 篇文章

订阅专栏

先看效果图（效果会受到上传图片影响）实际效果比较好。具体效果主要收到处理数据方面的影响：数据处理的好，展示效果会好。

主要代码：两部分

1、添加IntegratedMeshLayer——"esri/layers/IntegratedMeshLayer"

2、第二部分：

第二种类方法加载倾斜webscene

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://js.arcgis.com/4.16/esri/themes/light/main.css">
    <script src="https://js.arcgis.com/4.16/"></script>
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            margin: 0;
        }
        #map {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div id="map"></div>
</body>
<script>
    require(["esri/Map",
            "esri/views/SceneView",
            "esri/Camera",
            "esri/WebScene",
            "esri/config"
            ], function (Map,
                SceneView,
                Camera,
                WebScene,
                esriConfig
            ) {
                esriConfig.portalUrl = "portal域名地址";
                var scene = new WebScene({
                    portalItem: {
                        id: "websceneID"
                    }
                });
                var camera = new Camera({
                    position: {
                        x: 445468.2645130789,
                        y: 3733403.2616965305,
                        z: 900,
                        spatialReference: {
                            wkid: 4547 //坐标系
                        }
                    },
                    tilt: 45
                })
                var view = new SceneView({
                        map: scene,
                        container: "map",
                        camera: camera
                })
            })
</script>

</html>