P2022036_ExportMap.git

13693261870

2023-06-27 d3da54b15bd7d658d5fcb778bdd3a3e6c4fcf2af

已添加1个文件

已修改1个文件

	ExportMap/UE.html	63 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	ExportMap/UE2.html	330 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 ExportMap/UE.html

@@ -95,12 +95,6 @@
      map.setView(x, y, z, roll, pitch, yaw, distance);
    }

    // å¤©æ°ç¹æ
    function setWeather() {
      // sun-æ´å¤© ,rain-é¨å¤©,snow-éªå¤©
      map.setWeather('rain') // æ´å¤©
    }

    // æ¶é´ç¹æ
    function setTime() {
      // morning-æ©æ¨,noon-ä¸å,evening-åæ,night-å¤æ,darkWorld-æè²åºæ¯
@@ -182,34 +176,6 @@
      });
    }

    // æ·»å çº¿è·¯
    function createPolyline() {
      var testPoints = [
        new TUVector3(77053.6953125, 150984.859375, 0),
        new TUVector3(16167.91015625, 151470.453125, 0),
        new TUVector3(14827.0908203125, 100942.328125, 0),
        new TUVector3(71444.015625, 104834.4375, 0),
        new TUVector3(67891.890625, 57269.85546875, 0),
        new TUVector3(13084.04296875, 56401.7734375, 0),
        new TUVector3(11550.640625, -13705.76953125, 0),
        new TUVector3(7773.74560546875, -103738.140625, 0),
      ];

      //ç»å¶è·¯å¾
      var pathObj = map.createPolyline({
        data: testPoints,
        pathWidth: 3000,
        type: 0,//0é«äº®çº¿ 1ä¸è§ 2ç®å¤´
        pathColor: "cyan",
      });

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

      map.flyTo(116.51446997, 39.772785555, 1000, roll, pitch, yaw, distance, callBack, time);
    }

    // æ·»å åºå
    function createAreaData() {
      var obj = map.createAreaData({
@@ -256,30 +222,6 @@
      // 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(); // ç§»é¤
      });
    }

    // æ¾ååæ 
    function pickPosition() {
      var obj = map.transformLocalToWGS84(map.camera.location.x, map.camera.location.y);
@@ -309,18 +251,13 @@
    <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="pickObject();">æ¾åå¯¹è±¡</button>
    <button onclick="objclear();">æ¸é¤</button>

 ExportMap/UE2.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,330 @@
ï»¿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>UEæ¥å£æµè¯</title>
  <meta http-equiv="Expires" content="0" />
  <meta http-equiv="Cache" content="no-cache" />
  <meta http-equiv="Pragma" content="no-cache" />
  <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/tumap.js"></script>
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      overflow: hidden;
      font-size: 13px;
      font-family: å¾®è½¯éé»;
    }

    #map {
      width: 100%;
      height: 100%;
      position: absolute;
    }

    #container {
      position: absolute;
      top: 10px;
      left: 10px;
      padding: 5px;
      border-radius: 4px;
      border: 1px solid rgba(128, 128, 128, 0.5);
      color: #ffffff;
    }

    button {
      background: transparent;
      border: 1px solid #d0ffb8;
      color: white;
      border-radius: 2px;
      margin: 3px;
      cursor: pointer;
    }
  </style>
  <script>
    window.onload = function () {
      window.map = new TUMap({
        id: 'map', // divçid
        url: 'http://192.168.20.39:91', // UEæå¡å°å
        //url: 'http://103.85.165.99:91',
        onInit: function () { // åå§åå®æäºä»¶
          console.log("åå§åå®æ");
        }
      })
    }

    // åæ è½¬å
    function transform() {
      var coordinate = { x: 117.038112825, y: 39.382696649 }
      var Wgs84ToLocal = map.transformWGS84ToLocal(coordinate.x, coordinate.y)
      console.log('Wgs84ToLocal', Wgs84ToLocal)

      var LocalToWGS84 = map.transformLocalToWGS84(Wgs84ToLocal.x, coordinate.y)
      console.log('LocalToWGS84', LocalToWGS84)
    }

    // è·åéå¤´ä¿¡æ¯
    function getCamera() {
      var location = map.camera.location; // ä½ç½®ä¿¡æ¯
      var rotation = map.camera.rotation; // è§åº¦ä¿¡æ¯
      var distance = map.camera.distance; // è·ç¦»ä¿¡æ¯
      console.log(location, rotation, distance);
    }

    // é£è¡
    function flyTo() {
      var x = 117.038112825, y = 39.382696649, z = 5000;
      var roll = 0, pitch = 0, yaw = 0, distance = 1000;
      var callBack = function () { console.log("flyTo"); }
      var time = 3; // 3s

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

    // åæ¢éå¤´
    function setView() {
      var x = 117.038112825, y = 39.382696649, z = 5000;
      var roll = 0, pitch = 0, yaw = 0, distance = 1000;

      map.setView(x, y, z, roll, pitch, yaw, distance);
    }

    // å¤©æ°ç¹æ
    function setWeather() {
      // sun-æ´å¤© ,rain-é¨å¤©,snow-éªå¤©
      map.setWeather('rain') // æ´å¤©
    }

    // æ¶é´ç¹æ
    function setTime() {
      // morning-æ©æ¨,noon-ä¸å,evening-åæ,night-å¤æ,darkWorld-æè²åºæ¯
      map.setTime("evening");
    }

    // æåæ ç¾
    function createLabel() {
      var options = {
        id: 1, // å¯ä¸æ è¯ï¼ä¸å¯éå¤ï¼å¯ä¸å¡«
        x: 1000, // xè½´ue4åæ 
        y: 1000, // yè½´ue4åæ 
        z: 0, // zè½´ue4åæ 
        size: { width: 480, height: 180 }, // labelçå¤§å°
        text: 'æµè¯æå', // æ¾ç¤ºçæå
        scale: 1, // ç¼©æ¾
        type: 'Type1', // ç±»å Default,Type1,Type2
        backgroundColor: "#ffffff", // èæ¯è²æ¯ærgba
        fillColor: "#00ff00", // æåé¢è² 
        visibility: true // é»è®¤æ¯å¦æ¾ç¤º
      };

      var lbl = map.createLabel(options);
      // lbl.show(true); // æ¾ç¤º
    }

    // POIç¹
    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://192.168.20.89:12306/popupThree.html", // å¼¹çªå°å
          size: new TUVector2(180, 90), // å¼¹çªå¤§å°
          offset: new TUVector2(50, -100) // å¼¹çªä½ç½®ï¼å³ï¼xæ£ï¼ä¸ï¼yæ£
        }
      }

      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ç¹
    function create3DBillboard() {
      var testPoints = [{ "x": 10000, "y": 10000, "z": 4000 }];
      var points = [];
      testPoints.forEach(function (item) {
        points.push({
          x: item.x,
          y: item.y,
          z: item.z,
          image: "http://www.terra-it.cn/images/tubiao/indexLogo.png",
          text: "",
          scale: 20,
          clickedScale: 1,
          flash: false,
          canClick: true
        });
      });

      var pois = map.create3DBillboard(points);
      pois.forEach(function (poi) {
        poi.show(true);
        // poi.show(false); // éè
        // poi.removeFromMap(); // ç§»é¤
      });
    }

    // æ·»å çº¿è·¯
    function createPolyline() {
      var testPoints = [
        new TUVector3(77053.6953125, 150984.859375, 0),
        new TUVector3(16167.91015625, 151470.453125, 0),
        new TUVector3(14827.0908203125, 100942.328125, 0),
        new TUVector3(71444.015625, 104834.4375, 0),
        new TUVector3(67891.890625, 57269.85546875, 0),
        new TUVector3(13084.04296875, 56401.7734375, 0),
        new TUVector3(11550.640625, -13705.76953125, 0),
        new TUVector3(7773.74560546875, -103738.140625, 0),
      ];

      //ç»å¶è·¯å¾
      var pathObj = map.createPolyline({
        data: testPoints,
        pathWidth: 3000,
        type: 0,//0é«äº®çº¿ 1ä¸è§ 2ç®å¤´
        pathColor: "cyan",
      });

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

      map.flyTo(116.51446997, 39.772785555, 1000, roll, pitch, yaw, distance, callBack, time);
    }

    // æ·»å åºå
    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)
        ]
      });
      // obj.removeFromMap(); // ç§»é¤
    }

    // åå
    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
      }
      var circle = map.createCircleArea(param);
      // circle.removeFromMap(); // ç§»é¤
    }

    // å´æ 
    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)
        ]
      }
      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(); // ç§»é¤
      });
    }

    // æ¾ååæ 
    function pickPosition() {
      var obj = map.transformLocalToWGS84(map.camera.location.x, map.camera.location.y);
      alert(JSON.stringify(obj));
    }

    // æ¾åå¯¹è±¡
    function pickObject() {
      map.pickPosition(function (e) {
        alert(JSON.stringify(e))
      });
    }

    // æ¸é¤
    function objclear() {
      map.clearAllCovering();
    }

  </script>
</head>

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

  <div id="container">
    <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="pickObject();">æ¾åå¯¹è±¡</button>
    <button onclick="objclear();">æ¸é¤</button>
  </div>
</body>

</html>

			@@ -95,12 +95,6 @@
			map.setView(x, y, z, roll, pitch, yaw, distance);
			}

			// å¤©æ°ç¹æ
			function setWeather() {
			// sun-æ´å¤© ,rain-é¨å¤©,snow-éªå¤©
			map.setWeather('rain') // æ´å¤©
			}

			// æ¶é´ç¹æ
			function setTime() {
			// morning-æ©æ¨,noon-ä¸å,evening-åæ,night-å¤æ,darkWorld-æè²åºæ¯
			@@ -182,34 +176,6 @@
			});
			}

			// æ·»å çº¿è·¯
			function createPolyline() {
			var testPoints = [
			new TUVector3(77053.6953125, 150984.859375, 0),
			new TUVector3(16167.91015625, 151470.453125, 0),
			new TUVector3(14827.0908203125, 100942.328125, 0),
			new TUVector3(71444.015625, 104834.4375, 0),
			new TUVector3(67891.890625, 57269.85546875, 0),
			new TUVector3(13084.04296875, 56401.7734375, 0),
			new TUVector3(11550.640625, -13705.76953125, 0),
			new TUVector3(7773.74560546875, -103738.140625, 0),
			];

			//ç»å¶è·¯å¾
			var pathObj = map.createPolyline({
			data: testPoints,
			pathWidth: 3000,
			type: 0,//0é«äº®çº¿ 1ä¸è§ 2ç®å¤´
			pathColor: "cyan",
			});

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

			map.flyTo(116.51446997, 39.772785555, 1000, roll, pitch, yaw, distance, callBack, time);
			}

			// æ·»å åºå
			function createAreaData() {
			var obj = map.createAreaData({
			@@ -256,30 +222,6 @@
			// 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(); // ç§»é¤
			});
			}

			// æ¾ååæ
			function pickPosition() {
			var obj = map.transformLocalToWGS84(map.camera.location.x, map.camera.location.y);
			@@ -309,18 +251,13 @@
			<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="pickObject();">æ¾åå¯¹è±¡</button>
			<button onclick="objclear();">æ¸é¤</button>

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,330 @@
			ï»¿<!DOCTYPE html>
			<html xmlns="http://www.w3.org/1999/xhtml">

			<head>
			<title>UEæ¥å£æµè¯</title>
			<meta http-equiv="Expires" content="0" />
			<meta http-equiv="Cache" content="no-cache" />
			<meta http-equiv="Pragma" content="no-cache" />
			<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/tumap.js"></script>
			<style>
			html,
			body {
			width: 100%;
			height: 100%;
			padding: 0;
			margin: 0;
			overflow: hidden;
			font-size: 13px;
			font-family: å¾®è½¯éé»;
			}

			#map {
			width: 100%;
			height: 100%;
			position: absolute;
			}

			#container {
			position: absolute;
			top: 10px;
			left: 10px;
			padding: 5px;
			border-radius: 4px;
			border: 1px solid rgba(128, 128, 128, 0.5);
			color: #ffffff;
			}

			button {
			background: transparent;
			border: 1px solid #d0ffb8;
			color: white;
			border-radius: 2px;
			margin: 3px;
			cursor: pointer;
			}
			</style>
			<script>
			window.onload = function () {
			window.map = new TUMap({
			id: 'map', // divçid
			url: 'http://192.168.20.39:91', // UEæå¡å°å
			//url: 'http://103.85.165.99:91',
			onInit: function () { // åå§åå®æäºä»¶
			console.log("åå§åå®æ");
			}
			})
			}

			// åæ è½¬å
			function transform() {
			var coordinate = { x: 117.038112825, y: 39.382696649 }
			var Wgs84ToLocal = map.transformWGS84ToLocal(coordinate.x, coordinate.y)
			console.log('Wgs84ToLocal', Wgs84ToLocal)

			var LocalToWGS84 = map.transformLocalToWGS84(Wgs84ToLocal.x, coordinate.y)
			console.log('LocalToWGS84', LocalToWGS84)
			}

			// è·åéå¤´ä¿¡æ¯
			function getCamera() {
			var location = map.camera.location; // ä½ç½®ä¿¡æ¯
			var rotation = map.camera.rotation; // è§åº¦ä¿¡æ¯
			var distance = map.camera.distance; // è·ç¦»ä¿¡æ¯
			console.log(location, rotation, distance);
			}

			// é£è¡
			function flyTo() {
			var x = 117.038112825, y = 39.382696649, z = 5000;
			var roll = 0, pitch = 0, yaw = 0, distance = 1000;
			var callBack = function () { console.log("flyTo"); }
			var time = 3; // 3s

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

			// åæ¢éå¤´
			function setView() {
			var x = 117.038112825, y = 39.382696649, z = 5000;
			var roll = 0, pitch = 0, yaw = 0, distance = 1000;

			map.setView(x, y, z, roll, pitch, yaw, distance);
			}

			// å¤©æ°ç¹æ
			function setWeather() {
			// sun-æ´å¤© ,rain-é¨å¤©,snow-éªå¤©
			map.setWeather('rain') // æ´å¤©
			}

			// æ¶é´ç¹æ
			function setTime() {
			// morning-æ©æ¨,noon-ä¸å,evening-åæ,night-å¤æ,darkWorld-æè²åºæ¯
			map.setTime("evening");
			}

			// æåæ ç¾
			function createLabel() {
			var options = {
			id: 1, // å¯ä¸æ è¯ï¼ä¸å¯éå¤ï¼å¯ä¸å¡«
			x: 1000, // xè½´ue4åæ
			y: 1000, // yè½´ue4åæ
			z: 0, // zè½´ue4åæ
			size: { width: 480, height: 180 }, // labelçå¤§å°
			text: 'æµè¯æå', // æ¾ç¤ºçæå
			scale: 1, // ç¼©æ¾
			type: 'Type1', // ç±»å Default,Type1,Type2
			backgroundColor: "#ffffff", // èæ¯è²æ¯ærgba
			fillColor: "#00ff00", // æåé¢è²
			visibility: true // é»è®¤æ¯å¦æ¾ç¤º
			};

			var lbl = map.createLabel(options);
			// lbl.show(true); // æ¾ç¤º
			}

			// POIç¹
			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://192.168.20.89:12306/popupThree.html", // å¼¹çªå°å
			size: new TUVector2(180, 90), // å¼¹çªå¤§å°
			offset: new TUVector2(50, -100) // å¼¹çªä½ç½®ï¼å³ï¼xæ£ï¼ä¸ï¼yæ£
			}
			}

			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ç¹
			function create3DBillboard() {
			var testPoints = [{ "x": 10000, "y": 10000, "z": 4000 }];
			var points = [];
			testPoints.forEach(function (item) {
			points.push({
			x: item.x,
			y: item.y,
			z: item.z,
			image: "http://www.terra-it.cn/images/tubiao/indexLogo.png",
			text: "",
			scale: 20,
			clickedScale: 1,
			flash: false,
			canClick: true
			});
			});

			var pois = map.create3DBillboard(points);
			pois.forEach(function (poi) {
			poi.show(true);
			// poi.show(false); // éè
			// poi.removeFromMap(); // ç§»é¤
			});
			}

			// æ·»å çº¿è·¯
			function createPolyline() {
			var testPoints = [
			new TUVector3(77053.6953125, 150984.859375, 0),
			new TUVector3(16167.91015625, 151470.453125, 0),
			new TUVector3(14827.0908203125, 100942.328125, 0),
			new TUVector3(71444.015625, 104834.4375, 0),
			new TUVector3(67891.890625, 57269.85546875, 0),
			new TUVector3(13084.04296875, 56401.7734375, 0),
			new TUVector3(11550.640625, -13705.76953125, 0),
			new TUVector3(7773.74560546875, -103738.140625, 0),
			];

			//ç»å¶è·¯å¾
			var pathObj = map.createPolyline({
			data: testPoints,
			pathWidth: 3000,
			type: 0,//0é«äº®çº¿ 1ä¸è§ 2ç®å¤´
			pathColor: "cyan",
			});

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

			map.flyTo(116.51446997, 39.772785555, 1000, roll, pitch, yaw, distance, callBack, time);
			}

			// æ·»å åºå
			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)
			]
			});
			// obj.removeFromMap(); // ç§»é¤
			}

			// åå
			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
			}
			var circle = map.createCircleArea(param);
			// circle.removeFromMap(); // ç§»é¤
			}

			// å´æ
			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)
			]
			}
			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(); // ç§»é¤
			});
			}

			// æ¾ååæ
			function pickPosition() {
			var obj = map.transformLocalToWGS84(map.camera.location.x, map.camera.location.y);
			alert(JSON.stringify(obj));
			}

			// æ¾åå¯¹è±¡
			function pickObject() {
			map.pickPosition(function (e) {
			alert(JSON.stringify(e))
			});
			}

			// æ¸é¤
			function objclear() {
			map.clearAllCovering();
			}

			</script>
			</head>

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

			<div id="container">
			<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="pickObject();">æ¾åå¯¹è±¡</button>
			<button onclick="objclear();">æ¸é¤</button>
			</div>
			</body>

			</html>