将w s a d的键盘元素分别指示为向视图的上方 下方 左方 右方观看。
1、加载网络三维地图
var map = new webscene({
portalitem:{id:"d8695805cb324135846f4b03eaeddeaa"}
});
var view = new sceneview({
container:"viewdiv",
map:map
});
2、将id="description"的标签指示信息放到地图上去
view.ui.add("description","bottom-left");
3、设置观察角度
view.on("key-down",function(event){
switch(event.key){
case "w":
event.stoppropagation(); //阻止冒泡事件
if(view.camera.tilt>2){
view.goto({
position:view.camera.position,
tilt:view.camera.tilt-1
})
};
break;
case "s":
event.stoppropagation();
if(view.camera.tilt<160){
view.goto({
position:view.camera.position,
tilt:view.camera.tilt+1
})
};
break;
case "a":
event.stoppropagation();
view.goto({
position:view.camera.postion,
heading:view.camera.heading-1
});
break;
case "d":
event.stoppropagation();
view.goto({
position:view.camera.position,
heading:view.camera.heading+1
});
break;
}
})
如对本文有疑问, 点击进行留言回复!!
JavaScript中某一标签内函数用this获取不到当前标签的问题笔记
MSAL.js 2.0发布 支持授权代码流 (authorization code flow)
网友评论