將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;

　　}　　

})

在三維地圖上改變相機的左右和上下視圖