P2022036_ExportMap.git

			@@ -1,5 +1,6 @@
			<!DOCTYPE html>
			<html xmlns="http://www.w3.org/1999/xhtml">

			<head>
			<title>UE接口测试</title>
			<meta http-equiv="Expires" content="0" />
			@@ -8,7 +9,6 @@
			<meta http-equiv="Cache-control" content="no-cache" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<script src="js/jquery.1.12.4.js"></script>
			<script src="js/tumap.js"></script>
			<style>
			html,
			@@ -48,7 +48,7 @@
			}
			</style>
			<script>
			$(function () {
			window.onload = function () {
			window.map = new TUMap({
			id: 'map', // div的id
			url: 'http://192.168.20.39:91', // UE服务地址
			@@ -57,18 +57,19 @@
			console.log("初始化完成");
			}
			})
			});

			// 转为WGS84坐标
			function toWGS84() {
			var trans = new TUTransForm({ x: 117.038112825, y: 39.382696649 });
			trans.transformWGS84ToLocal();
			trans.transformLocalToWGS84();
			}

			// 转为UE坐标
			function toUECoord() {

			// 坐标转化
			function transform() {
			var coordinate = {
			"x": 117.04046434254622,
			"y": 39.722702758997606,
			"z": 0
			}
			var Wgs84ToLocal = map.transformWGS84ToLocal(coordinate.x, coordinate.y)
			console.log('Wgs84ToLocal', Wgs84ToLocal)
			var LocalToWGS84 = map.transformLocalToWGS84(Wgs84ToLocal.x, Wgs84ToLocal.y)
			console.log('LocalToWGS84', LocalToWGS84)
			}

			// 获取镜头信息
			@@ -81,239 +82,267 @@

			// 飞行
			function flyTo() {
			map.flyTo(x, y, z, roll, pitch, yaw, distance, callBack, time);
			var v = {
			z: 0,
			pitch: -8.675049781799316,
			roll: 0,
			yaw: 60.92010498046875,
			distance: 120112.3671875,
			time: 3
			};
			var x = 116.48915493897739; y = 39.81061022857503; z = 5000;
			var LocalToWGS84 = transToWGS84ToLocal(x, y)

			var roll = 0, pitch = 0, yaw = 0, distance = 1000;
			var callBack = function () { console.log("flyTo"); }
			var time = 3; // 3s

			map.flyTo(LocalToWGS84.x, LocalToWGS84.y, v.z, v.roll, v.pitch, v.yaw, v.distance, callBack, time);
			}

			function transToWGS84ToLocal(x, y) {
			return map.transformWGS84ToLocal(x, y)
			}

			// 切换镜头
			function setView() {
			map.setView(x, y, z, roll, pitch, yaw, distance);
			var v = {
			x: -567870.625,
			y: -964962.4375,
			z: 0,
			pitch: -8.675049781799316,
			roll: 0,
			yaw: 120.92010498046875,
			distance: 120112.3671875,
			time: 3
			};
			map.setView(v.x, v.y, v.z, v.roll, v.pitch, v.yaw, v.distance);
			}

			// 天气特效：sun-晴天 ,rain-雨天,snow-雪天
			function setWeather() {
			map.setWeather("snow");
			}

			// 时间特效：morning-早晨,noon-中午,evening-傍晚,night-夜晚,darkWorld-暗色场景
			// 时间特效
			var timeFlag = true;
			function setTime() {
			map.setTime("night");
			// morning-早晨,noon-中午,evening-傍晚,night-夜晚,darkWorld-暗色场景,12
			if (timeFlag) {
			map.setTime("evening");
			} else {
			map.setTime("noon");
			}
			timeFlag = !timeFlag
			}

			// 文字标签
			var labelFlag = true;
			var label_val = null;
			function createLabel() {
			var options = {
			id: 1, //唯一标识，不可重复可不填
			x: 1000, //x轴ue4坐标
			y: 1000, //y轴ue4坐标
			z: 0,//z轴ue4坐标
			vectorType: "WGS84",//坐标类型 2.1.5版本后可设置
			size: { width: 480, height: 180 },//label的大小
			text: '测试文字',//显示的文字
			scale: 1,//缩放
			type: 'Type1',//类型 Default,Type1,Type2
			backgroundColor: "#ffffff",//背景色支持rgba TUColor
			fillColor: "#00ff00",//文字颜色
			visibility: true//默认是否显示
			};
			var x = 116.48915493897739; y = 39.81061022857503; z = 5000;
			var LocalToWGS84 = transToWGS84ToLocal(x, y)
			if (labelFlag) {
			var options = {
			id: 1, // 唯一标识，不可重复，可不填
			x: LocalToWGS84.x, // x轴ue4坐标
			y: LocalToWGS84.y, // y轴ue4坐标
			z: 0, // z轴ue4坐标
			size: { width: 100, height: 100 }, // label的大小
			text: '测试文字', // 显示的文字
			scale: 0.5, // 缩放
			type: 'Type1', // 类型 Default,Type1,Type2
			backgroundColor: "#ffffff", // 背景色支持rgba
			fillColor: "#00ff00", // 文字颜色
			visibility: true // 默认是否显示
			};

			var lbl = map.createLabel(options);
			lbl.show(true); // 显示

			// lbl.show(false); // 隐藏
			// lbl.removeFromMap(); // 移除
			// map.removeLabel(lbl.id); // 移除
			label_val = map.createLabel(options);
			} else {
			label_val.removeFromMap();
			label_val = null;
			}
			labelFlag = !labelFlag;
			}

			// POI点
			var poiFlag = true;
			var poi_val = null;
			function createBillboard() {
			var param = {
			x: 1000, // x轴ue4坐标
			y: 1000, // y轴ue4坐标
			z: 0, // z轴ue4坐标
			image: "http://www.terra-it.cn/images/tubiao/indexLogo.png", // 图片地址
			scale: 0.5,//缩放
			clickedScale: 0.7,
			visibility: true, // 默认是否显示
			alertWindow: { // 可选，点击弹窗
			url: "http://localhost/testAlertWindow.html", // 弹窗地址
			size: new Vector2(180, 90), // 弹窗大小
			offset: new Vector2(50, -100) // 弹窗位置，右：x正，下：y正
			var x = 116.48815493897739; y = 39.81061022857503; z = 5000;
			var LocalToWGS84 = transToWGS84ToLocal(x, y)
			if (poiFlag) {
			var param = {
			x: LocalToWGS84.x, // x轴ue4坐标
			y: LocalToWGS84.y, // y轴ue4坐标
			z: 0, // z轴ue4坐标
			image: "123.png", // 图片地址
			scale: 0.5, // 缩放比例
			clickedScale: 0.7, // 点击后比例
			visibility: true, // 默认是否显示
			alertWindow: { // 可选，点击弹窗
			url: "http://192.168.20.89:12306/popupThree.html", // 弹窗地址
			size: new TUVector2(180, 90), // 弹窗大小
			offset: new TUVector2(-45, -110) // 弹窗位置，右：x正，下：y正
			}
			}
			poi_val = map.createBillboard(param);
			poi_val.show(true); // 显示
			} else {
			poi_val.removeFromMap();
			poi_val = null;
			}
			poiFlag = !poiFlag;

			var poi = map.createBillboard(param);
			poi.show(true); // 显示

			var enable = true; // 是/否开启回调
			poi.EnableBillboardCallBack(enable, function (data) {
			console.info(data);
			});

			// poi.show(false); // 隐藏
			// poi.removeFromMap(); // 移除
			}

			// 3DPOI点
			var thPoiFlag = true;
			var poi_3d_val = null
			function create3DBillboard() {
			var param = {
			x: 1000, // x轴ue4坐标
			y: 1000, // y轴ue4坐标
			z: 0, // z轴ue4坐标
			image: "http://www.terra-it.cn/images/tubiao/indexLogo.png", // 图片地址
			scale: 0.5,//缩放
			clickedScale: 0.7,
			visibility: true, // 默认是否显示
			alertWindow: {//可选，点击弹窗
			url: "http://localhost/testAlertWindow.html", // 弹窗地址
			size: new Vector2(180, 90), // 弹窗大小
			offset: new Vector2(50, -100) // 弹窗位置，右：x正，下：y正
			}
			if (thPoiFlag) {
			var testPoints = [{ x: 116.49255493897739, y: 39.81451022857503, z: 4000 }];
			var points = [];
			testPoints.forEach(function (item) {
			var LocalToWGS84 = transToWGS84ToLocal(item.x, item.y)
			points.push({
			x: LocalToWGS84.x,
			y: LocalToWGS84.y,
			z: item.z,
			image: "123.png",
			text: "",
			scale: 80,
			clickedScale: 1,
			flash: false,
			canClick: true
			});
			});

			poi_3d_val = map.create3DBillboard(points);
			poi_3d_val.forEach(function (poi) {
			poi.show(true);

			});
			} else {
			poi_3d_val.forEach(function (poi) {
			poi.removeFromMap();
			});
			poi_3d_val = null
			}

			var poi = map.create3DBillboard(param);
			poi.show(true); // 显示

			var enable = true; // 是/否开启回调
			poi.Enable3DBillboardCallBack(enable, function (data) {
			console.info(data);
			});

			// poi.show(false); // 隐藏
			// poi.removeFromMap(); // 移除
			thPoiFlag = !thPoiFlag;
			}

			// 添加线路
			function createPolyline() {
			var obj = map.createPolyline({
			pathWidth: 1000, // 路径宽度
			pathColor: "#00FF00", // 路径颜色
			type: 1, // 线路类型: 0高亮 1三角 2箭头
			data: [ // 路径点位数组，ue4坐标
			new TUVector3(-129.99, -7.41, 0),
			new TUVector3(-131.00, -134.96, 0),
			new TUVector3(113.83, -128.26, 0),
			new TUVector3(123.84, -550.99, 0)
			]
			});
			}

			// 添加区域
			// 添加区域\
			var areaFlag = true;
			var area_val = null;
			function createAreaData() {
			var obj = map.createAreaData({
			id: "fdfdfdfdfd",
			data: [
			new TUVector3(0, 0, 0),
			new TUVector3(10000, 0, 0),
			new TUVector3(10000, 10000, 0),
			new TUVector3(0, 10000, 0)
			]
			});
			}
			if (areaFlag) {
			var val = [
			{ x: 116.48855493897739, y: 39.81251022857503, z: 4000 },
			{ x: 116.48505493897739, y: 39.81651022857503, z: 4000 },
			{ x: 116.48905493897739, y: 39.81851022857503, z: 4000 },
			{ x: 116.49255493897739, y: 39.81451022857503, z: 4000 },

			// 光圈
			function createCircleArea() {
			var param = {
			location: new TUVector3(0, 0, 0), // 中心点
			radius: 15000,
			type: 2, //0上浮横格，1实色，2箭头，3三角
			color: "#ff0000",
			height: 15000, //默认5000
			brightness: 10 //默认10
			{ x: 116.48855493897739, y: 39.81251022857503, z: 4000 },
			]
			var data = [];
			for (var i in val) {
			var item = transToWGS84ToLocal(val[i].x, val[i].y)
			data.push(
			new TUVector3(item.x, item.y, 0)
			)
			}
			area_val = map.createAreaData({
			id: "fdfdfdfdfd",
			data: data
			});
			} else {
			area_val.removeFromMap();
			area_val = null;
			}
			var circle = map.createCircleArea(param);
			// circle.removeFromMap(); // 移除
			areaFlag = !areaFlag;
			}

			// 围栏
			var boundflag = true;
			var bound_val = null
			function createAreaBoundary() {
			var param = {
			type: 0, // 0上浮横格，1实色，2箭头，3三角
			height: 5000, // 默认5000
			color: "#ff0000", // 默认白色
			brightness: 10, // 默认10
			data: [ // 围栏点位数组
			new TUVector3(-129.99, -7.41, 0),
			new TUVector3(-131.00, -134.96, 0),
			new TUVector3(113.83, -128.26, 0),
			new TUVector3(123.84, -550.99, 0)
			if (boundflag) {
			var val = [
			{ x: 116.48855493897739, y: 39.81251022857503, z: 4000 },
			{ x: 116.48505493897739, y: 39.81651022857503, z: 4000 },
			{ x: 116.48905493897739, y: 39.81851022857503, z: 4000 },
			{ x: 116.49255493897739, y: 39.81451022857503, z: 4000 },

			{ x: 116.48855493897739, y: 39.81251022857503, z: 4000 },
			]
			var data = [];
			for (var i in val) {
			var item = transToWGS84ToLocal(val[i].x, val[i].y)
			data.push(
			new TUVector3(item.x, item.y, 0)
			)
			}
			var param = {
			type: 0, // 0上浮横格，1实色，2箭头，3三角
			height: 5000, // 默认5000
			color: "#ff0000", // 默认白色
			brightness: 10, // 默认10
			data: data
			};
			bound_val = map.createAreaBoundary(param);


			} else {
			bound_val.removeFromMap();
			bound_val = null;
			}
			var bound = map.createAreaBoundary(param);
			// bound.removeFromMap(); // 移除
			}

			// 高度量测
			function getMeasureHeight() {
			var obj = map.getMeasureHeight(function (e) { // 回调
			alert(JSON.stringify(e));
			obj.deleteObject(); // 移除
			});
			}

			// 折线距离量测
			function getDistanceHorizontal() {
			var obj = map.getDistanceHorizontal(function (e) { // 回调
			alert(JSON.stringify(e));
			obj.deleteObject(); // 移除
			});
			}

			// 平面面积量测
			function getPlaneArea() {
			var obj = map.getPlaneArea(function (e) { // 回调
			alert(JSON.stringify(e));
			obj.deleteObject(); // 移除
			});
			boundflag = !boundflag;
			}

			// 拾取坐标
			function pickPosition() {
			map.pickPosition(function (e) {
			alert(JSON.stringify(e)); // e.objectName-内部编号，e.location-点位的ue4坐标
			map.endPick(); // 取消拾取
			});
			var obj = map.transformLocalToWGS84(map.camera.location.x, map.camera.location.y);
			alert(JSON.stringify(obj));
			}

			// 拾取对象
			function pickObject() {
			map.execute("factory", "callEvent", { eventName: "ClickObjectCallBack", param: "1" }, function (e) {
			console.log(e);
			map.execute("factory", "callEvent", { eventName: "ClickObjectCallBack", param: "0" }, null); // 取消拾取
			map.pickPosition(function (e) {
			alert(JSON.stringify(e))
			});
			}

			// 清除
			function clear() {
			map.resetWeather(); // 移除天气特效
			map.resetTime(); // 移除时间特效
			map.clearAllCovering(); // 清除所有覆盖物
			function objclear() {
			map.clearAllCovering();
			map.setTime("noon");
			boundflag = true;
			bound_val = null
			areaFlag = true;
			area_val = null;
			thPoiFlag = true;
			poi_3d_val = null;
			poiFlag = true;
			poi_val = null;
			}

			</script>
			</head>

			<body>
			<div id="map"></div>

			<div id="container">
			<button onclick="toWGS84();">转为WGS84坐标</button>
			<button onclick="toUECoord();">转为UE坐标</button>
			<button onclick="transform();">坐标转换</button>
			<button onclick="getCamera();">获取镜头信息</button>
			<button onclick="flyTo();">飞行</button>
			<button onclick="setView();">切换镜头</button>
			<button onclick="setWeather();">天气特效</button>
			<button onclick="setTime();">时间特效</button>
			<button onclick="createLabel();">文字标签</button>
			<button onclick="createBillboard();">POI点</button>
			<button onclick="create3DBillboard();">3DPOI点</button>
			<button onclick="createPolyline();">添加线路</button>
			<button onclick="createAreaData();">添加区域</button>
			<button onclick="createCircleArea();">光圈</button>
			<button onclick="createAreaBoundary();">围栏</button>
			<button onclick="getMeasureHeight();">高度量测</button>
			<button onclick="getDistanceHorizontal();">折线距离量测</button>
			<button onclick="getPlaneArea();">平面面积量测</button>
			<button onclick="pickPosition();">拾取坐标</button>
			<button onclick="pickPosition();">获取镜头坐标</button>
			<button onclick="pickObject();">拾取对象</button>
			<button onclick="clear();">清除</button>
			<button onclick="objclear();">清除</button>
			</div>
			</body>

			</html>