JS API模块之view

原创

echohye 2022-08-01 11:47:38 博主文章分类：Arcgis for js ©著作权

文章标签 2d 数组缩放 文章分类 运维

©著作权归作者所有：来自51CTO博客作者echohye的原创作品，请联系作者获取转载授权，否则将追究法律责任

view

AMD:
require(["esri/views/View"], (View) => { /* code goes here */ }); ESM:
import View from "@arcgis/core/views/View";

视图有两种类型:MapView和SceneView。MapView以2D呈现地图及其层，SceneView以3D的方式呈现这些元素。

View是MapView和SceneView的基类，没有构造函数。要创建一个视图，你必须直接创建一个MapView或SceneView的实例。

MapView map、extent、center、rotation、scale、zoom...

SceneView map、center、scale、zoom、camera、viewingMode...

属性

container:表示包含视图的DOM元素的id或节点。

map:要在视图中显示的Map对象的实例。

spatialReference:视图的空间参考。

center:表示视图的中心点;当设置中心时，你可以传递一个Point实例或一个代表经度/纬度对的数字数组([-100.4593,36.9014])。

background:MapView的背景颜色。

zoom:表示视图中心的细节级别(LOD)。

scale:表示视图中心的地图比例尺。

rotation:正北相对于视图顶部的顺时针旋转度。

resolution:表示地图单位中一个像素的大小。

orientation:指示视图方向的方便属性。

constraints:指定可能应用于MapView的缩放、缩放和旋转约束。

extent:表示视图中映射的可见部分，作为区段的一个实例。

let ext = new Extent({
  xmin: -13056650,
  ymin: 6077558,
  xmax: -13055709,
  ymax: 6077938,
  spatialReference: new SpatialReference({wkid:3857})
});
view.extent = ext;  // Updates the view without animation

type:视图的类型是2d(表示MapView)或3d(表示SceneView)。

ui:显示视图中可用的默认小部件，并允许您打开和关闭它们。

size:包含视图的宽度和高度(以像素为单位)的数组。

graphics:允许直接添加图形到视图中的默认图形。

allLayerViews:集合，其中包含与该视图中的基图、操作层和组层相关的所有创建的layerview的平面列表。

animation:表示由goTo()初始化的正在进行的视图动画。

height:从视图容器元素读取的视图高度(以像素为单位)。

width:从视图容器元素读取的视图宽度(以像素为单位)。

方法

on()：在实例上注册事件处理程序。

JS API模块之view_缩放

view.on("click", function(event){
  // event is the event handle returned after the event fires.
  console.log(event.mapPoint);
});

// Fires `pointer-move` event when user clicks on "Shift"
// key and moves the pointer on the view.
view.on('pointer-move', ["Shift"], function(event){
  let point = view2d.toMap({x: event.x, y: event.y});
  bufferPoint(point);
});

goTo():将视图设置为给定的目标。

JS API模块之view_缩放_02