///////////////////////////////////////////////////////////////////////////
// Copyright © 2019 jxdnosng All Rights Reserved.
// 模块描述:标记功能
///////////////////////////////////////////////////////////////////////////
define([
	"dojo/_base/declare",
	"dojo/_base/lang",
	'dojo/_base/html',
	"dojo/_base/fx",
	'jimu/BaseWidget',
	"dojo/topic",
	"dojo/Deferred",
	"dojo/on",
	"libs/layer/layer"
], function(
	declare,
	lang,
	html,
	fx,
	BaseWidget,
	topic,
	Deferred,
	on
) {
	return declare("Marker", [BaseWidget], {
		baseClass: "demo-widgets-Marker",
		postCreate: function() {
			this.inherited(arguments);

			this._tooltip = this.createTooltip(this.map.cesiumWidget.container);
		},
		createTooltip: function(frameDiv) {

			var tooltip = function(frameDiv) {

				var div = document.createElement('DIV');
				div.className = "twipsy right";

				var arrow = document.createElement('DIV');
				arrow.className = "twipsy-arrow";
				div.appendChild(arrow);

				var title = document.createElement('DIV');
				title.className = "twipsy-inner";
				div.appendChild(title);

				this._div = div;
				this._title = title;

				// add to frame div and display coordinates
				frameDiv.appendChild(div);
			}

			tooltip.prototype.setVisible = function(visible) {
				this._div.style.display = visible ? 'block' : 'none';
			}

			tooltip.prototype.showAt = function(position, message) {
				if(position && message) {
					this.setVisible(true);
					this._title.innerHTML = message;
					this._div.style.left = position.x + 10 + "px";
					this._div.style.top = (position.y - this._div.clientHeight / 2) + "px";
				}
			}

			return new tooltip(frameDiv);
		},
		destroy: function() {

			this.inherited(arguments);
		},
		click: function() {
			this.active = !this.active;
			if(this.active) {
				this._tooltip.setVisible(true);
			} else {
				this._tooltip.setVisible(false);
			}

			this.clearEntity();
		},
		active: false,
		startup: function() {
			this.inherited(arguments);

			var handler = new Cesium.ScreenSpaceEventHandler(window.viewer.scene.canvas);

			handler.setInputAction(
				lang.hitch(this, function(movement) {
					if(!this.active) return;
					var ellipsoid = window.viewer.scene.globe.ellipsoid;
					var ellipsoid = Cesium.Ellipsoid.WGS84;
					//	            	var cartesian = window.viewer.scene.camera.pickEllipsoid(movement.position, ellipsoid);//两种的经纬度获取的不一样
					var pickRay = window.viewer.scene.camera.getPickRay(movement.position);
					var cartesian = window.viewer.scene.globe.pick(pickRay, window.viewer.scene);

					if(cartesian) {

						var cartographic = ellipsoid.cartesianToCartographic(cartesian);
						var longitudeString = Cesium.Math.toDegrees(cartographic.longitude); //.toFixed(2);
						var latitudeString = Cesium.Math.toDegrees(cartographic.latitude); //.toFixed(2);

						this.points.push({
							"lgtd": longitudeString,
							"lttd": latitudeString
						});

						if(this.points.length == 2) {
							//计算
							var points = this.createHundryPoints(this.points);
							//弹出
							this.getData(points);
							this.points = [];
							this.active = false;
							this._tooltip.setVisible(false);
							this.bill2 = window.viewer.entities.add({
								position: Cesium.Cartesian3.fromDegrees(longitudeString, latitudeString),
								billboard: {
									image: "images/marker_green.png",
									pixelOffset: new Cesium.Cartesian2(0, 0),
									heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
								}
							});
							return;
						}
						this.bill1 = window.viewer.entities.add({
							position: Cesium.Cartesian3.fromDegrees(longitudeString, latitudeString),
							billboard: {
								image: "images/marker_green.png",
								pixelOffset: new Cesium.Cartesian2(0, 0),
								heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
							}
						});
					}

				}), Cesium.ScreenSpaceEventType.LEFT_CLICK);

			handler.setInputAction(
				lang.hitch(this, function(movement) {
					if(!this.active) return;
					if(this.points.length == 0) {
						this._tooltip.showAt(movement.endPosition, "请获取起点");
						return;
					}
					this._tooltip.showAt(movement.endPosition, "点击结束");

				}), Cesium.ScreenSpaceEventType.MOUSE_MOVE);
		},
		clearEntity: function() {
			window.viewer.entities.remove(this.bill1);
			window.viewer.entities.remove(this.bill2);
			window.viewer.entities.remove(this.line);
		},
		createHundryPoints: function(list) {

			var lgtd1 = list[0].lgtd;
			var lgtd100 = list[1].lgtd;
			var lgtdStep = (lgtd100 - lgtd1) / 1000;

			var lttd1 = list[0].lttd;
			var lttd100 = list[1].lttd;
			var lttdStep = (lttd100 - lttd1) / 1000;
			var ary = [];
			for(var i = 0; i < 1000; i++) {
				var lgtd = lgtd1 + (lgtdStep * i);
				var lttd = lttd1 + (lttdStep * i);
				ary.push({
					"id": i,
					"lgtd": lgtd,
					"lttd": lttd
				});
			}

			return ary;
		},
		points: [],
		getData: function(ary) {
			var mappints = [];
			for(var j = 0; j < ary.length; j++) {
				var pt = ary[j];
				mappints.push({
					lgtd: pt.lgtd,
					lttd: pt.lttd,
					height: 0
				});
			}
			//获取高程去
			this.makeChange(mappints).then(lang.hitch(this, function(list) {
				var ptsAry = [];
				var numbers_lgtd = [];
				var numbers_lttd = [];
				for(var j = 0; j < list.length; j++) {
					var pt = list[j];
					ptsAry.push(Number(pt.lgtd));
					ptsAry.push(Number(pt.lttd));
					ptsAry.push(Number(pt.height));

					numbers_lgtd.push(Number(pt.lgtd));
					numbers_lttd.push(Number(pt.lttd));
				}

				this.line = window.viewer.entities.add({
					polyline: {
						positions: Cesium.Cartesian3.fromDegreesArrayHeights(ptsAry),
						width: 3,
						material: new Cesium.PolylineOutlineMaterialProperty({
							color: Cesium.Color.ORANGE,
							outlineWidth: 1,
							outlineColor: Cesium.Color.BLACK
						})
					}
				});

				layer.open({
					      type: 2,
					      title: '一键找河长',
					      shadeClose: true,
					      shade: false,
					      offset: '70px',
					      maxmin: true, //开启最大化最小化按钮
					      area: ['100%', 'calc(100% - 70px)'],
					      content: 'http://www.sw797.com:10011/gzsw3D/views/water/River_Len.html'
					    });
				
			}));
		},
		makeChange: function(datas) {
			var datas = datas;
			var def = new Deferred();
			var tIds = [];
			var pos = [];
			for(var i = 0; i < datas.length; i++) {
				var item = datas[i];
				tIds.push(item.id);
				pos.push(Cesium.Cartographic.fromDegrees(item.lgtd, item.lttd));
			}
			Cesium.sampleTerrain(window.viewer.terrainProvider, 9, pos).then(function(pos) { //去获取高程
				for(var i = 0; i < tIds.length; i++) {
					datas[i].height = pos[i].height;
				}
				def.resolve(datas);
			});
			return def;
		}
	});
});