vue arcgis3d地图设定范围并指定高度

要在 Vue 中设定 ArcGIS 3D 地图的范围并指定高度，可以使用 ArcGIS API for JavaScript 中的 `View` 对象的 `extent` 属性和 `constraints` 属性。

首先，在 Vue 组件中引入 ArcGIS API for JavaScript 的模块：

import MapView from '@arcgis/core/views/MapView';
import Extent from '@arcgis/core/geometry/Extent';
import SpatialReference from '@arcgis/core/geometry/SpatialReference';

然后，在组件的 `mounted` 钩子中创建一个 `MapView` 对象，设定地图的范围和高度：

mounted() {
  const mapContainer = this.$refs.mapContainer; // 获取地图容器的引用
  const initialExtent = new Extent({
    xmin: -118.80500,
    ymin: 33.70300,
    xmax: -118.15500,
    ymax: 34.32800,
    spatialReference: new SpatialReference({ wkid: 4326 })
  }); // 创建一个范围对象，指定地图的经纬度范围
  const mapView = new MapView({
    container: mapContainer,
    map: this.map,
    extent: initialExtent, // 设置地图的范围
    constraints: {
      altitude: {
        min: 20000, // 设置地图的最小高度
        max: 100000 // 设置地图的最大高度
      }
    }
  }); // 创建一个地图视图对象
}

在上面的代码中，我们首先通过 `this.$refs.mapContainer` 获取地图容器的引用，然后创建一个 `Extent` 对象，指定地图的经纬度范围。接着，我们创建一个 `MapView` 对象，将其绑定到地图容器上，并设置地图的范围和高度的约束。在 `constraints` 属性中，我们指定了地图的最小高度和最大高度。

注意，上面的代码中的 `this.map` 是一个 ArcGIS 3D 地图对象，你需要在组件中创建并初始化它。具体的操作可以参考 ArcGIS API for JavaScript 的官方文档。