跳到主要内容
版本：9.4.1

相机视角获取

可获取当前相机的方位角、俯仰角与中心点经纬度坐标。

show
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8"/>
   <title>相机视角获取</title>
   <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"/>
   <style>
       body {
           margin: 0;
           padding: 0;
       }

       #map {
           position: absolute;
           top: 0;
           bottom: 0;
           width: 100%;
       }

        .btn-group {
               position: absolute;
               top: 20px;
               left: 20px;
           }
        
        #info{
            color:#000000;
            position:absolute;
            top:60px;
            left:20px;
            font-weight:bold;
        }

   </style>
   <script src="https://delivery.mapmost.com/cdn/sdk/webgl/v9.4.1/mapmost-webgl-min.js"></script>
</head>
<body>
<div id="map"></div>
<div class="btn-group">
    <button onClick="getViewer()">相机视角获取</button>
</div>
<div id="info"></div>
<script>
      var map = new mapmost.Map({
       container: 'map',  
       style: "<your style url>", 
       center: [120.72541613154851, 31.31171803927643], 
       zoom: 14, 
       userId: '***', // 授权码
   });

    function getViewer() {
        const options = map.getCameraParameter();
        const {position, bearing, pitch} = options;
        document.getElementById('info').innerText = "bearing: " + bearing + "\n" + "pitch: " + pitch + "\n" + "position: " + position;
    }

</script>
</body>
</html>