tedp
Version:
terra dp init
73 lines (60 loc) • 2.34 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入地图 可以通过npm install tumap 直接安装包到工程 通过 import TUMap from "tumap" 引入-->
<script src="./dist/tumap.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
#mapContainer{
position:absolute;
width:100%;
height:100%;
}
</style>
</head>
<body>
<!--地图容器-->
<div id="mapContainer"></div>
<script type="text/javascript">
//创建地图
var map = TUMap.createMap({
//地图容器 必须设置
id:"mapContainer",
//UE4服务地址 必须设置 当前示例以地址栏地址 为服务地址 ，用户需要替换为自己的服务地址
url:window.parent.window.exampleServerUrl ,//"http://localhost:81/",
autoView:true,//是否自动创建视图 Deprecated 针对旧版本需要 自己添加iframe 视图情况添加 ，如果设置为false ,id参数为iframeId
timeOut:15000,//超时时间 加载场景超时设置 默认 15秒
resolution:null,//默认分辨率 不设置以实际渲染分辨率为准
doubleRender:false,//是否开启双倍渲染
location:null,//默认镜头位置
rotation:null,//默认镜头旋转角度
distance:null,//默认镜头高度
//成功建立链接
onInit:function(){
console.log("=============================================>>>>>>初始化完成")
},
//加载失败处理
onError:function(){
console.log("=============================================>>>>>>初始化失败")
},
//开始场景渲染处理
onBegin:function(){
console.log("=============================================>>>>>>场景开始渲染")
},
//远程流关闭处理
onClose:function(){
console.log("=============================================>>>>>>场景关闭")
},
//镜头变化处理
onCameraChange:function(){
console.log("=============================================>>>>>>场景镜头变化")
},
}) ;
</script>
</body>
</html>