OpenLayers实战，OpenLayers调用手机陀螺仪方向实现指南针效果

专栏目录：
OpenLayers实战进阶专栏目录

前言

本章讲解OpenLayers如何使用手机陀螺仪实现指南针，除了需要调用陀螺仪外，还需要获取手机的实时位置。
通过获取到的实时位置显示箭头图标位置，通过获取陀螺仪水平方向来调整箭头指向。

注意：必须在https请求（带ssl证书）下才能调用陀螺仪，未加密http请求是无法调用陀螺仪的

js如何调用陀螺仪方向

由于本身陀螺仪输出的分量数据不好处理，为了节省时间，直接用kompas库直接获取已经处理好的陀螺仪数据，可以直接获取方向等处理后的数据。

如何使用kompas

import kompas from 'kompas'
//监听陀螺仪方向
kompas(