///////////////////////////////////////////////////////////////////////////
|
// Copyright © 2018 NarutoGIS. All Rights Reserved.
|
// 模块描述:获取两点间地形剖面
|
///////////////////////////////////////////////////////////////////////////
|
define([
|
"dojo/_base/declare",
|
"dojo/_base/lang",
|
'dojo/_base/html',
|
"dojo/_base/fx",
|
'jimu/BaseWidget',
|
"dojo/topic",
|
"dojo/Deferred",
|
"dojo/on",
|
'jimu/dijit/Popup',
|
"./SectionChart"
|
|
], function (
|
declare,
|
lang,
|
html,
|
fx,
|
BaseWidget,
|
topic,
|
Deferred,
|
on,
|
Popup,
|
SectionChart
|
) {
|
return declare("MapSection", [BaseWidget], {
|
baseClass: "demo-widgets-MapSection",
|
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();
|
// },
|
onOpen: function () {
|
this.map.scene.globe.baseColor = Cesium.Color.BLACK;
|
$($('div.cesium-viewer').find('.cesium-baseLayerPicker-choices')[0]).children('div:eq(3)').trigger('click');
|
this.active = true;
|
this.clearEntity();
|
this._tooltip.setVisible(true);
|
|
|
},
|
onClose: function () {
|
this.active = false;
|
this.clearEntity();
|
this._tooltip.setVisible(false);
|
},
|
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,
|
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
}
|
});
|
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,
|
disableDepthTestDistance: Number.POSITIVE_INFINITY
|
}
|
});
|
}
|
|
}), 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});
|
}
|
//获取高程去
|
|
var datas = mappints;
|
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;
|
}
|
|
var list = datas;
|
|
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
|
}),
|
clampToGround: true
|
}
|
});
|
|
var panel = new SectionChart({list: ptsAry, oList: list});
|
new Popup({
|
content: panel,
|
titleLabel: "地形剖面图",
|
width: 650,
|
height: 370,
|
buttons: [],
|
onClose: lang.hitch(this, function () {
|
return true;
|
})
|
});
|
|
});
|
|
},
|
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;
|
}
|
});
|
});
|
