标签：for   ring   camera   顺时针   png   观察   obj   src   from   

pre. 先看成果

就视角倾斜情况还是很贴合的，观察中心点可能略不一样（代码没设置成一样的观察点位，只是大致接近，但是两个角度是严格计算转换的）

1. 理论

以下计算均为角度计算。

cesium的pitch和mapbox的pitch是相反数
cesium的heading和mapbox的bearing关系是：（都是角度值的前提下）

2. 转换代码

默认 roll 是 0

import { Map } from ‘mapbox-gl‘
import { Camera } from ‘cesium‘

/**
 * @param {Map} map mapbox map
 * @returns {Object} 含 heading、pitch、roll=0 的对象
 */
const toCesium = (map) => {
  if (map == undefined || !(map instanceof Map))
    return

  return {
    heading: 360 + map.painter.transform.pitch,
    pitch: map.painter.transform.bearing * (-1),
    roll: 0
  }
}

/**
 * @param {Camera} cesiumCamera CesiumCamera
 * @returns {Object} 含 bearing、pitch 的对象
 */
const toMapbox = (cesiumCamera) => {
  if (cesiumCamera == undefined || !(cesiumCamera instanceof Camera))
    return

  return {
    bearing: cesiumCamera.heading - 360,
    pitch: cesiumCamera.pitch * (-1)
  }
}

export {
  toCesium,
  toMapbox
}

不熟悉 ES6 语法的可自行改为旧式语法。

Cesium 相机视角与 Mapbox 视角转换

标签：for   ring   camera   顺时针   png   观察   obj   src   from   

原文地址：https://www.cnblogs.com/onsummer/p/14105008.html