cesium 移动端点击地图上的点作为旋转中心

原创

已于 2022-07-19 17:47:16 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #3d

于 2022-05-26 09:56:09 首次发布

<div style="margin-left:10px;">
	<div>第三人称查看</div>
      <van-switch
       	v-model="third"
      	@change="openThird"
        size="14px"
   	/>    
 </div>

data: {
	return {
		third: false,  // 是否开启选择点进行选择查看
	    thirdObj: {},  //  记录选择的点的经纬度、笛卡尔坐标等信息
	}
},
mounted() {
	this.addMobileClick() // 添加点击事件的回调函数
},
method: {
	addMobileClick() {
      let that = this
      var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)

      // 设置鼠标左键单击回调事件
      handler.setInputAction(function(e) {
        // 首先移除之前添加的点
        viewer.entities.removeAll()
        // 获取点击位置笛卡尔坐标
        var position = viewer.scene.pickPosition(e.position)

        // 将笛卡尔坐标转化为经纬度坐标
        var cartographic = Cesium.Cartographic.fromCartesian(position)
        // console.log('笛卡尔坐标');
        // console.log(cartographic.longitude, cartographic.latitude, cartographic.height);
        var longitude = Cesium.Math.toDegrees(cartographic.l