三维坐标映射二维坐标

三维坐标映射二维坐标，使二维div浮于指定三维目标上

参数

MMSDT.mapped3to2( position )

position: 坐标，数组[ 272,0,-345 ]

html代码示例


	
<div class="info" id="info1">
	这是科技楼<br>二维信息框<br>
	html+div+css<br>
	<div class="line"></div>
</div>

<div class="info" id="info2">
	这是写字楼<br>二维信息框<br>
	html+div+css<br>
	<div class="line"></div>
</div>

js代码示例



//监听鼠标控制器动作 
controls.addEventListener( 'change', function(){ 
	let vector1 = MMSDT.mapped3to2( [5.778,30.111,-97.255] );                  //得到二维坐标
	let vector2 = MMSDT.mapped3to2( [37.911,47.886,149.072] );                 //得到二维坐标
	
	document.getElementById("info1").style.bottom = vector1.y + 60 + "px";     //实时刷新二维div
	document.getElementById("info1").style.left = vector1.x -75 + "px";
	
	document.getElementById("info2").style.bottom = vector2.y + 60 + "px";     //实时刷新二维div
	document.getElementById("info2").style.left = vector2.x -75 + "px";
});

三维坐标映射二维坐标

参数

html代码示例

js代码示例

在线演示