194：vue+openlayers 根据卫星lat，lon，alt，俯仰角，方位角，绘制地面的拍摄的区域

作者： 还是大剑师兰特 ，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。

查看本专栏目录 - 本文是第 194个示例

一、示例效果图

二、示例简介

本示例演示如何在vue+openlayers项目中研究卫星的拍摄范围。 根据卫星的高度，经度，纬度，方位角，俯仰角以及拍摄的幅宽，幅长等参数，绘制拍摄的矩形框和中心点。这里用到了一些公式，参考代码，尤其是大部分使用的是弧度而非角度，需要做转化。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

三、配置方式

1）查看基础设置：https://xiaozhuanlan.com/topic/1378924560
或者同样查看：https://blog.csdn.net/cuclife/article/details/126195754
2）将上述的源代码，粘贴到src/views/Home.vue中，npm run serve 运行即可。

四、示例源代码（共193行）