1.效果
2.extent跳转到图层
goTo 方法用于视图跳转,接受第一个参数设置表示想要跳转到的目标位置,第二个参数是一个对象,用于设置跳转动画的持续时间等选项。
queryExtent 方法用于查询图层的范围,下面的代码示例为查询图层的extent,并使用goTo方法跳转到该图层。
layer.queryExtent().then((response) => {
var extent = response.extent;
view.goTo(extent, { duration: 5000 });
});
3.扩展
上面案例是在二维视图的跳转案例,在三维视图中,如果要根据经纬度、高度、倾斜角、方向这个几个参数来跳转,就稍微复杂些。
在三维视图的跳转中,goTo方法可以接受一个camera对象,只需要把view中camera克隆一份,再修改其经纬度、高度、倾斜角、方向等参数,再调用goTo方法即可实现三维视图的跳转。
function shiftCamera(deg_longitude,deg_latitude,deg_height,deg_tilt,deg_heading) {
const camera = view.camera.clone();
camera.position.longitude = deg_longitude; //经度
camera.position.latitude = deg_latitude; //纬度
camera.position.z = deg_height; //高度
camera.tilt = deg_tilt; //倾斜角度
camera.heading = deg_heading; //方向
return camera;
}
// 三维制图跳转
view.goTo(
shiftCamera(
118.30525115787077, //经度
32.271920928819064, //纬度
79.5481035830453, //高度
53.19104670053967, //倾斜角度
235.94663414449664 //方向
)
);
(如果文章对你有帮助,可以点个赞鼓励下博主噢)