var layer_xingzhengqu_100;
|
var layer_sifasuo_101;
|
var layer_shequjiaozheng_102;
|
var layer_anzhibangjiao_103;
|
var layer_renmintiaojie_104;
|
var layer_pudong_gltf_200;
|
var layer_shanghai_tiles_201;
|
var layer_shanghai_roads_202;
|
var layer_sifaju_effect_203;
|
var layer_shanghai_mask_300;
|
var pci_data = [];
|
var MR_data = [];
|
var MR_msisdn1;
|
var MR_msisdn2;
|
var MR_msisdn3;
|
var msisdn_list;
|
var msisdn_id_list = [];
|
var msisdn_name = [];
|
var point_list = [];
|
var open_merge_list = [];
|
var new_msisdn_list = [];
|
var data_yn = '';
|
var repoint_list = [];
|
var repoint_id_list = [];
|
var repoint_name = [];
|
var floor_linght = []
|
var floor_position_light = []
|
var floor_position_light2 = []
|
var model_list = [];
|
var light_graphic_list = [];
|
var color_boxs = $("#color_boxs")
|
var new_msisdn_position = []
|
var msisdn_msg = []
|
var floor_position_points = []
|
var floor_position_floor = []
|
var graphicLayer17
|
var points17 = []
|
var initGraphic
|
var polinlayer1
|
// import data from '../data/sites.js'
|
var get_JSON = {
|
ruijin_url:"http://localhost:4500/dataservice/Bdata?bid="
|
}
|
// 页面初始化，创建楼层按键
|
$(document).ready(function(){
|
var btn_box_html = ''
|
for(let i=1;i<23;i++){
|
btn_box_html += `<button style="margin-right:4px;" class="${i}">F${i}</button>`
|
}
|
$("#building_btn").append(btn_box_html)
|
// $.ajax({
|
// type: 'get',
|
// dataType: 'json',
|
// async: true,//同步
|
// url: `http://localhost:4500/dataservice/Bdata?bid=get_msisdn_msg`,
|
// success:function(data){
|
// console.log(data.data.data,"msisdn")
|
// msisdn_msg = data.data.data
|
// for(let i=0;i<msisdn_msg.length;i++){
|
// floor_position_floor[i] = []
|
// }
|
// },
|
// error: function (request, textStatus) {
|
|
// }
|
// })
|
$.getJSON('data/msisdn_list.json',(result)=>{
|
|
console.log("e")
|
let data = result.RECORDS
|
console.log(data)
|
msisdn_list = data
|
for(let i=0;i<msisdn_list.length;i++){
|
floor_linght[i] = []
|
}
|
console.log(floor_linght)
|
})
|
|
$.getJSON('data/msisdn_position.json',(result)=>{
|
console.log(result.data,"data")
|
MR_data = result.data;
|
if(MR_data.length>=0){
|
data_yn = '<p>定位运行</p>'
|
}else{
|
data_yn = '<p>暂无数据</p>'
|
}
|
$("#data_yn").append(data_yn)
|
for(let i=0;i<msisdn_list.length;i++){
|
msisdn_name[i] = `graphic_msisdn${i}`
|
msisdn_id_list[i] = MR_data.filter(item=>{
|
return item.msisdn == msisdn_list[i].msisdn
|
})
|
}
|
})
|
$.getJSON('data/repoint.json',(result)=>{
|
console.log("eeee")
|
repoint_list = result.data;
|
for(let i=0;i<repoint_list.length;i++){
|
if(Number(repoint_list[i].lat)<31.211869869520108){
|
repoint_list[i].lat = 31.211869869520108
|
}
|
}
|
for(let i=0;i<msisdn_list.length;i++){
|
repoint_name[i] = `graphic_msisdn${i}`
|
repoint_id_list[i] = repoint_list.filter(item=>{
|
return item.msisdn == msisdn_list[i].msisdn
|
})
|
}
|
for(let i=0;i<floor_linght.length;i++){
|
for(let j=0;j<22;j++){
|
floor_linght[i][j] = msisdn_id_list[i].filter(item=>{
|
return finalHeight2(item.height) == j
|
})
|
}
|
}
|
console.log(floor_linght)
|
})
|
|
// $.ajax({
|
// type:'get',
|
// dataType:'json',
|
// async:true,
|
// url:'http://localhost:4500/dataservice/Bdata?bid=get_ruijin_outside&floor_=7',
|
// success:function(data){
|
// console.log("e")
|
// let datas = data.data.data
|
// console.log(datas)
|
// for(let i=0;i<datas.length;i++){
|
// let item = datas[i]
|
// points17[i] = [item.lon,item.lat]
|
// }
|
|
// const graphic_17 = new mars3d.graphic.WallEntity({
|
// positions:points17,
|
// style: {
|
// closure: true,
|
// diffHeight: 2,
|
// }
|
// })
|
// graphicLayer17.addGraphic(graphic_17)
|
|
|
// }
|
// })
|
|
})
|
//
|
|
var current=null
|
function getEvent()
|
{
|
if(document.all)
|
{
|
return window.event;//如果是ie
|
}
|
func=getEvent.caller;
|
while(func!=null)
|
{
|
var arg0=func.arguments[0];
|
if(arg0)
|
{
|
if((arg0.constructor==Event || arg0.constructor ==MouseEvent)||(typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
|
{
|
return arg0;
|
}
|
}
|
func=func.caller;
|
}
|
return null;
|
}
|
|
function doOver() {
|
var evt=getEvent();
|
var element=evt.srcElement || evt.target;
|
var DisColor=document.getElementById("DisColor");
|
var HexColor=document.getElementById("HexColor");
|
if ((element.tagName=="TD") && (current!=element)) {
|
if (current!=null){
|
current.style.backgroundColor = current._background
|
}
|
element._background = element.style.backgroundColor
|
DisColor.style.backgroundColor = rgbToHex(element.style.backgroundColor)
|
HexColor.value = rgbToHex(element.style.backgroundColor)
|
element.style.backgroundColor = "white"
|
current = element
|
}
|
}
|
function rgbToHex(aa)
|
{
|
if(aa.indexOf("rgb") != -1)
|
{
|
aa=aa.replace("rgb(","")
|
aa=aa.replace(")","")
|
aa=aa.split(",")
|
r=parseInt(aa[0]);
|
g=parseInt(aa[1]);
|
b=parseInt(aa[2]);
|
r = r.toString(16);
|
if (r.length == 1) { r = '0' + r; }
|
g = g.toString(16);
|
if (g.length == 1) { g = '0' + g; }
|
b = b.toString(16);
|
if (b.length == 1) { b = '0' + b; }
|
return ("#" + r + g + b).toUpperCase();
|
}
|
else
|
{
|
return aa;
|
}
|
}
|
|
// 通过获取到的数据进行创建设备定位点和路线
|
function addMsisdnPoint(){
|
|
console.log(msisdn_id_list)
|
for(let i=0;i<msisdn_id_list.length;i++){
|
|
msisdn_position(msisdn_id_list[i],msisdn_name[i],`msisdn_graphic${i}`,msisdn_list[i].name_,"img/end.png")
|
// msisdn_position(repoint_id_list[i],repoint_name[i],`repoint_graphic${i}`,msisdn_list[i].name_,"img/start.png")
|
}
|
// for(let i=0;i<)
|
if(floor_linght.length>0){
|
for(let i=0;i<floor_linght.length;i++){
|
for(let j=0;j<22;j++){
|
msisdn_light(floor_linght[i][j],`msisdn_graphic${i}`,`#00${i}${i}${i}${i}`,"img/textures/arrow2.png",0,floor_position_light)
|
msisdn_light2(floor_linght[i][j],`msisdn_graphic${i}`,`#00${i}${i}${i}${i}`,"img/textures/arrow2.png",15*(j-1),floor_position_light2)
|
}
|
}
|
}
|
|
console.log(floor_position_light[0].points[0])
|
}
|
|
// 将获得的数据高度转换成适应大楼模型的高度
|
function finalHeight(h){
|
// let h1 = Number(h)/2.8
|
// let h2 = Math.floor(h1)-1
|
// let h3 = h2*3
|
// return h3
|
let h1 = Number(h)
|
let h2 = 0
|
let h3 = 0
|
let h4 = 0
|
let h5 = 0
|
if(h1<=4.5){
|
h5 = 1
|
}else{
|
h2 = h1-4.5-1
|
h3 = h2/2.8
|
h4 = Math.floor(h3)+2
|
h5 = h4*3
|
}
|
|
return h5
|
}
|
function finalHeight2(h){
|
let h1 = Number(h)/2.8
|
let h2 = Math.floor(h1)-1
|
return h2
|
|
}
|
function light_graphic(code){
|
var light_graphic = name_ = new mars3d.layer.GraphicLayer({
|
id:code,
|
pid:104,
|
name:code,
|
show:true
|
})
|
light_graphic_list.push(light_graphic)
|
map.addLayer(light_graphic)
|
}
|
// 封装设备定位曲线的创建方法
|
function msisdn_light(data,map_name_,color,image_url,hh=0,arr_){
|
var polinlayer = new mars3d.layer.GraphicLayer({
|
pid:104,
|
// name:code,
|
show:false
|
})
|
map.addLayer(polinlayer)
|
let len = data.length
|
for (let i = 0; i < len-1; i++) {
|
let item = data[i];
|
// 分别计算出两个点的高
|
let h1 = finalHeight(data[i]["height"])+hh
|
let h2 = finalHeight(data[i+1]["height"])+hh
|
// 设置开始和技术点，两点确定一条直线
|
let startPoint = Cesium.Cartesian3.fromDegrees(data[i]["lon"], data[i]["lat"], h1)
|
let endPoint = Cesium.Cartesian3.fromDegrees(data[i+1]["lon"], data[i+1]["lat"], h2)
|
map_name_ = new mars3d.graphic.PolylineEntity({
|
positions: [startPoint,endPoint],
|
style: {
|
width: 5,
|
// 动画线材质
|
material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.LineFlow, {
|
color: color,
|
image: image_url,
|
speed: 5,
|
repeat: new Cesium.Cartesian2(15, 1)
|
})
|
},
|
hsaEdit:true,
|
hasHeightEdit:true
|
})
|
polinlayer.addGraphic(map_name_)
|
arr_.push(map_name_)
|
}
|
}
|
function msisdn_light2(data,map_name_,color,image_url,hh=0,arr_){
|
polinlayer1 = new mars3d.layer.GraphicLayer({
|
pid:104,
|
// name:code,
|
show:false
|
})
|
map.addLayer(polinlayer1)
|
let len = data.length
|
for (let i = 0; i < len-1; i++) {
|
let item = data[i];
|
// 分别计算出两个点的高
|
let h1 = finalHeight(data[i]["height"])+hh
|
let h2 = finalHeight(data[i+1]["height"])+hh
|
// 设置开始和技术点，两点确定一条直线
|
let startPoint = Cesium.Cartesian3.fromDegrees(data[i]["lon"], data[i]["lat"], h1)
|
let endPoint = Cesium.Cartesian3.fromDegrees(data[i+1]["lon"], data[i+1]["lat"], h2)
|
map_name_ = new mars3d.graphic.PolylineEntity({
|
positions: [startPoint,endPoint],
|
style: {
|
width: 5,
|
// 动画线材质
|
material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.LineFlow, {
|
color: color,
|
image: image_url,
|
speed: 5,
|
repeat: new Cesium.Cartesian2(15, 1)
|
})
|
},
|
hsaEdit:true,
|
hasHeightEdit:true
|
})
|
arr_.push(map_name_)
|
}
|
}
|
function showHistoryPathDetail(itemname,itemid,itemfloor) {
|
|
if (mars3d.widget.isActivate("widgets/rruRouterReplay/widget.js")) {
|
var detailWiget = mars3d.widget.getClass("widgets/rruRouterReplay/widget.js");
|
detailWiget.reloadData({
|
"id":itemid,
|
"name":itemname,
|
"floor":itemfloor
|
});
|
} else {
|
mars3d.widget.activate({
|
uri: "widgets/rruRouterReplay/widget.js",
|
params: {
|
"id":itemid,
|
"name":itemname,
|
"floor":itemfloor
|
}
|
});
|
}
|
}
|
// 封装设备定位点的方法
|
function msisdn_position(data,name_,map_name_,code,image_url){
|
name_ = new mars3d.layer.GraphicLayer({
|
pid:155,
|
name:code,
|
show:true
|
})
|
map.addLayer(name_)
|
for(let i=0;i<data.length;i++){
|
let item = data[i]
|
let height = finalHeight(item.height)
|
map_name_ = new mars3d.graphic.BillboardEntity({
|
position: [Number(item.lon), Number(item.lat),height], // 楼栋位置
|
style: {
|
image: image_url,
|
scale:0.5,
|
opacity:1,
|
scaleByDistance_far:500,
|
distanceDisplayCondition_far:500,
|
scaleByDistance_farValue:0.5,
|
scaleByDistance:true,
|
visibleDepth:true,
|
hasPixelOffset:false,
|
distanceDisplayCondition:true,
|
label:{
|
text:item.index_,
|
color:"#ffff00",
|
font_size: 15,
|
pixelOffsetY: -20,
|
distanceDisplayCondition: true,
|
distanceDisplayCondition_far: 1500,
|
distanceDisplayCondition_near: 0
|
}
|
},
|
|
popup:"编号：" +
|
item["msisdn"] +
|
"<br />时间：" +
|
item["id"] +
|
"<br />名称：" +
|
item["name_"] +
|
"<br/><p><a href='#' onclick='javascript:showHistoryPathDetail(" + item["msisdn"] + ",\"" + item["name_"] + "\",\"" + item["height"] + "\")' >轨迹查询</a></p>"
|
})
|
name_.addGraphic(map_name_)
|
point_list.push(map_name_)
|
}
|
}
|
|
function addpoint17(){
|
graphicLayer17 = new mars3d.layer.GraphicLayer()
|
map.addLayer(graphicLayer17)
|
|
|
}
|
|
function mr_rode(){
|
console.log(model_list)
|
console.log(new_msisdn_position,msisdn_msg)
|
|
}
|
|
|
function floor_height(h){
|
let x = (h+15)/18
|
return x
|
}
|
|
// 瑞金大楼的创建和对其进行的操作
|
function openFloor(){
|
var num = 0;
|
var openfl = false;
|
var height_list = [];
|
initGraphic = new mars3d.layer.GraphicLayer({
|
pid:155,
|
name:"路径",
|
show:true
|
})
|
map.addLayer(initGraphic)
|
// 切换楼层颜色
|
|
// 调色板，用于调整大楼外部颜色
|
|
// 展开楼层
|
$(".open2").click(function(e){
|
mr_rode()
|
console.log(floor_position_light,"展开前")
|
let point_arr = new_msisdn_list.length>0?new_msisdn_list:point_list
|
for(let i=0;i<point_arr.length;i++){
|
let floor = point_arr[i].options.position[2]/3
|
console.log(floor,"floor")
|
if(floor>1){
|
point_arr[i].addDynamicPosition([point_arr[i].options.position[0],point_arr[i].options.position[1],point_arr[i].options.position[2]+15*(floor-1)])
|
}
|
|
}
|
for(let i = 1;i<model_list.length;i++){
|
if(i<7){
|
model_list[i].moveTo({
|
position:[model_list[i].options.position[0],model_list[i].options.position[1],model_list[i].options.position[2]+15*i]
|
})
|
}else{
|
model_list[i].moveTo({
|
position:[model_list[i].options.position[0],model_list[i].options.position[1],model_list[i].options.position[2]+15*(i-1)]
|
})
|
}
|
}
|
for(let i=0;i<floor_position_light.length;i++){
|
floor_position_light[i].remove()
|
}
|
for(let i=0;i<floor_position_light2.length;i++){
|
polinlayer1.addGraphic(floor_position_light2[i])
|
}
|
|
console.log(floor_position_light,"展开后")
|
})
|
// 合并楼层
|
$(".merge").click(function(){
|
for(let i=0;i<floor_position_light2.length;i++){
|
floor_position_light2[i].remove()
|
}
|
for(let i=0;i<point_list.length;i++){
|
point_list[i].addDynamicPosition([point_list[i].options.position[0],point_list[i].options.position[1],point_list[i].options.position[2]])
|
}
|
for(let i = 1;i<model_list.length;i++){
|
model_list[i].moveTo({
|
position:[model_list[i].options.position[0],model_list[i].options.position[1],model_list[i].options.position[2]]
|
})
|
}
|
for(let i=0;i<floor_position_light.length;i++){
|
floor_position_light[i].addTo(initGraphic)
|
}
|
})
|
// 显示全部
|
$(".hide_").click(function(){
|
for(let i=0;i<model_list.length;i++){
|
model_list[i].show = true
|
}
|
for(let i=0;i<point_list.length;i++){
|
new_msisdn_list = []
|
point_list[i].setStyle({
|
opacity:1,
|
label:{
|
opacity:1
|
}
|
})
|
|
new_msisdn_list.push(point_list[i])
|
}
|
})
|
// 切换按钮，显示与隐藏调色盘
|
$(".change").click(function(){
|
$("#color_boxs").toggle();
|
})
|
// 选取按钮，点击按钮显示相应楼层
|
var button_button = $("button")
|
button_button.click(function(e){
|
new_msisdn_list = []
|
// console.log(new_msisdn_list,"opacity")
|
// 六楼以下楼层对应相应的按钮，六层时把五楼楼顶和六楼同时隐藏，六楼以上按钮对应到楼层加一
|
$(this).addClass('red')
|
$(this).siblings('button').removeClass('red')
|
let floor_ = e.target.className
|
// let floor_end = Number(floor_)
|
let floor_end = Number(floor_.slice(0,-3))
|
if(floor_end){
|
for(let i=0;i<point_list.length;i++){
|
new_msisdn_list= []
|
let floor = Number(point_list[i].options.position[2])/3
|
// let floor_1 = Math.floor(floor)
|
// console.log(floor_end,floor)
|
if(floor_end < floor){
|
point_list[i].setStyle({
|
opacity:0,
|
label:{
|
opacity:0
|
}
|
})
|
}else{
|
point_list[i].setStyle({
|
opacity:1,
|
label:{
|
opacity:1
|
}
|
})
|
}
|
new_msisdn_list.push(point_list[i])
|
}
|
for(let i=0;i<floor_position_light.length;i++){
|
let floor = Number(floor_position_light[i].points[0]._alt)/3
|
// console.log(floor,"floor")
|
if(floor_end < floor){
|
floor_position_light[i].setStyle({
|
width:0
|
})
|
}else{
|
floor_position_light[i].setStyle({
|
width:5
|
})
|
}
|
}
|
for(let i=0;i<floor_position_light2.length;i++){
|
let floor_2 = floor_height(Number(floor_position_light2[i].points[0]._alt))
|
let floor = floor_2
|
if(floor_end < floor_2){
|
floor_position_light2[i].setStyle({
|
width:0
|
})
|
}else{
|
floor_position_light2[i].setStyle({
|
width:5
|
})
|
}
|
|
}
|
if(floor_end<7){
|
|
for(let i=1;i<floor_end+1;i++){
|
model_list[i].show = true
|
}
|
for(let j=floor_end;j<model_list.length;j++){
|
model_list[j].show = false
|
}
|
|
}else if(floor_end == 7){
|
for(let i=1;i<8;i++){
|
model_list[i].show = true
|
}
|
for(let j=8;j<model_list.length;j++){
|
model_list[j].show = false
|
}
|
}else{
|
for(let i=1;i<floor_end+1;i++){
|
model_list[i+1].show = true
|
}
|
for(let j=floor_end;j<model_list.length+1;j++){
|
model_list[j+1].show = false
|
}
|
}
|
}
|
|
|
console.log("完成")
|
|
})
|
|
|
|
var model_lon = 121.462091;
|
var model_lat = 31.212238;
|
var heading_ = 165
|
// 添加医院大楼模型
|
const graphicLayer = new mars3d.layer.GraphicLayer({
|
id: 203,
|
pid: 98,
|
name: "上海瑞金医院",
|
show: true,
|
flyTo:false
|
})
|
map.addLayer(graphicLayer)
|
floorGraphic1 = new mars3d.graphic.ModelEntity({
|
position: [model_lon, model_lat, 0], // 楼栋位置
|
style: {
|
scale:1,
|
distanceDisplayCondition_far:100,
|
url: "./gltf/Ruijin2/F1.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>一楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic2 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 0], // 楼栋位置
|
style: {
|
scale:1,
|
distanceDisplayCondition_far:100,
|
url: "./gltf/Ruijin2/F2.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>二楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic3 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 0], // 楼栋位置
|
style: {
|
scale:1,
|
distanceDisplayCondition_far:100,
|
url: "./gltf/Ruijin2/F3-5.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>三楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic4 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 2.8], // 楼栋位置
|
style: {
|
scale:1,
|
distanceDisplayCondition_far:100,
|
url: "./gltf/Ruijin2/F3-5.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>四楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic5 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 5.6], // 楼栋位置
|
style: {
|
scale:1,
|
distanceDisplayCondition_far:100,
|
url: "./gltf/Ruijin2/F3-5.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>五楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic6 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 8.4], // 楼栋位置
|
style: {
|
scale:1,
|
distanceDisplayCondition_far:100,
|
url: "./gltf/Ruijin2/F3-5.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic7 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 1.8], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F5-roof.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>六楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic8 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, -1.1], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>七楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic9 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 2.1], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
popup:`<p>八楼</p>`,
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic10 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 5], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic11 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 7.9], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic12 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 10.7], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic13 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 13.5], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic14 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 16.3], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic15 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 19.1], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic16 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 21.9], // 楼栋位置
|
style: {
|
scale:1,
|
fill:true,
|
// opacity:0.7,
|
// color:"#ffffff",
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic17 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 24.7], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/F7-16.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic18 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, -5], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/L17_220303.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic19 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, -2], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/L17_220303.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic20 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 1], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/L17_220303.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic21 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 4], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/L17_220303.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic22 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 7], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/L17_220303.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic23 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, 10], // 楼栋位置
|
style: {
|
scale:1,
|
url: "./gltf/Ruijin2/L17_220303.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
rotation:{x:0,y:0,z:180}
|
})
|
floorGraphic24 = new mars3d.graphic.ModelEntity({
|
|
position: [model_lon,model_lat, -6.8], // 楼栋位置
|
style: {
|
scale:1,
|
maximumScale:2,
|
url: "./gltf/Ruijin2/F22-roof.gltf",
|
heading: heading_,
|
color:"#ffff00",
|
fill:true
|
},
|
})
|
model_list.push(
|
floorGraphic1,
|
floorGraphic2,
|
floorGraphic3,
|
floorGraphic4,
|
floorGraphic5,
|
floorGraphic6,
|
floorGraphic7,
|
floorGraphic8,
|
floorGraphic9,
|
floorGraphic10,
|
floorGraphic11,
|
floorGraphic12,
|
floorGraphic13,
|
floorGraphic14,
|
floorGraphic15,
|
floorGraphic16,
|
floorGraphic17,
|
floorGraphic18,
|
floorGraphic19,
|
floorGraphic20,
|
floorGraphic21,
|
floorGraphic22,
|
floorGraphic23,
|
floorGraphic24,
|
)
|
|
for(let i = 0;i<model_list.length;i++){
|
graphicLayer.addGraphic(model_list[i])
|
}
|
if(model_list.length>0){
|
var ColorHex=new Array('00','33','66','99','CC','FF')
|
var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')
|
|
|
var colorTable=''
|
for (i=0;i<2;i++) //循环2部分
|
{
|
for (j=0;j<6;j++) //循环6行
|
{
|
colorTable=colorTable+'<tr height=12>'
|
for (k=0;k<3;k++)
|
{
|
for (l=0;l<6;l++)
|
{
|
colorTable=colorTable+'<td onclick="test_box()" class="color_box" width=11 style="background-color:#'+ColorHex[k+i*3]+ColorHex[l]+ColorHex[j]+'">'
|
}
|
}
|
}
|
}
|
colorTable='<table id="color_fbox" border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000" style="cursor:hand;">'
|
+colorTable+'</table>';
|
colorpanel.innerHTML=colorTable
|
}
|
|
}
|
|
function test_box(){
|
console.log("我在外边")
|
doclick()
|
}
|
function doclick(){
|
console.log("我在里面")
|
var evt=getEvent();
|
var element=evt.srcElement || evt.target;
|
console.log(element.style.backgroundColor)
|
if (element.tagName=="TD"){
|
console.log(element)
|
var bg=rgbToHex(element.style.backgroundColor);
|
for(let i=0;i<model_list.length;i++){
|
model_list[i].setStyle({
|
color:bg,
|
fill:true,
|
shadows:Cesium.ShadowMode.ENABLED,
|
colorBlendMode:Cesium.ColorBlendMode.HIGHLIGHT,
|
colorBlendAmountEnabled : true ,
|
colorBlendAmount:0.8
|
})
|
}
|
return bg;
|
}
|
}
|
// 图层&目录设备定位
|
function addMockpoint(){
|
var tucengdian = new mars3d.layer.DivLayer({
|
id: 155,
|
pid: 99,
|
name: "设备定位",
|
show:false,
|
popup: "all",
|
flyTo: false
|
}); //新建图层
|
map.addLayer(tucengdian);
|
}
|
function open_msg(e){//轨迹回放方法
|
console.log(e)
|
}
|
|
// group方法可以将一个数组按照指定长度进行分组
|
function group(array, subGroupLength) {
|
let index = 0 ;
|
let newArray = [];
|
while (index < array.length) {
|
newArray.push(array.slice(index, index += subGroupLength));
|
}
|
return newArray;
|
}
|
|
|
|
// 添加PCI模型
|
function addPciModel(){
|
var PCI_position_layer = new mars3d.layer.GraphicLayer({
|
pid:99,
|
name:'new_PCI',
|
show:false
|
})
|
map.addLayer(PCI_position_layer)
|
$.ajax({
|
type:'get',
|
dataType:'json',
|
async:true,
|
url:get_JSON.ruijin_url+'get_rru_info',
|
success:function(data){
|
var datas_2 = []
|
let datas = data.data.data
|
for(let i=0;i<datas.length;i++){
|
datas_2.push(datas[i])
|
}
|
let rru_end = unique(datas)
|
console.log(rru_end,"rru_end")
|
for(let i=0;i<rru_end.length;i++){
|
let item = datas[i]
|
let coneGlow = new mars3d.graphic.CircleEntity({
|
position: Cesium.Cartesian3.fromDegrees(Number(item.Longitude),Number(item.Latitude),0),
|
style: {
|
color:'rgba(255, 254, 253, 1.0)',
|
radius: 4,
|
diffHeight:Number(item.AntHight)
|
},
|
popup:`<p>名称:${item.SitenameCN}</p>
|
<p>地址:${item.SiteAddress}</p>
|
<p>编号:${item.eNodeBID}</p>
|
<p>经度:${item.Longitude}</p>
|
<p>纬度:${item.Latitude}</p>
|
<p>高度:${item.AntHight}</p>`,
|
show:true
|
})
|
PCI_position_layer.addGraphic(coneGlow)
|
}
|
for(let i=0;i<datas_2.length;i++){
|
let item = datas_2[i]
|
for(let j=0;j<rru_end.length;j++){
|
if(item.SitenameCN == rru_end[j].SitenameCN||item.SiteAddress === rru_end[j].SiteAddress){
|
item.Longitude = rru_end[j].Longitude
|
item.Latitude = rru_end[j].Latitude
|
item.AntHight = rru_end[j].AntHight
|
let num = Number(item.DirectionalAngle)
|
let plane_pci
|
let h = Number(item.AntHight)
|
if(item.frequencyRange == '1.8G'){
|
plane_pci = addPCIPlane(item,h-7,num,"#ff0000")
|
}else if(item.frequencyRange == '2.1G'){
|
plane_pci = addPCIPlane(item,h+7,num,"#00ff00")
|
}else{
|
plane_pci = addPCIPlane(item,h,num,"#0000ff")
|
}
|
PCI_position_layer.addGraphic(plane_pci)
|
}
|
}
|
}
|
|
},
|
error: function (request, textStatus) {
|
|
}
|
})
|
}
|
|
|
// 封装方法，将rru_info获取到的宏站数据去重
|
function unique(arr) {
|
for ( var i = 0, len = arr.length; i < len; i++ ) {
|
for ( var j = i + 1, len = arr.length; j < len; j++ ) {
|
if (arr[i].SitenameCN === arr[j].SitenameCN||arr[i].SiteAddress === arr[j].SiteAddress) {
|
arr.splice(j, 1 );
|
j --; //每刪除一個數j的值就減1
|
len--; // j值減小時len也要相應減1（減少循環次數，節省性能）
|
// console.log(j,len)
|
|
}
|
}
|
}
|
return arr;
|
}
|
|
function addPCIPlane(item,h,heading,color){
|
const primitive = new mars3d.graphic.PlaneEntity({
|
|
position: [Number(item.Longitude),Number(item.Latitude),h],
|
style: {
|
plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_X,10.0),
|
// plane_normal: ,
|
heading:heading,
|
dimensions_x: 3.0,
|
dimensions_y: 6.0,
|
color: color,
|
opacity: 0.4,
|
|
// 高亮时的样式（默认为鼠标移入，也可以指定type:'click'单击高亮），构造后也可以openHighlight、closeHighlight方法来手动调用
|
highlight: {
|
opacity: 0.9
|
},
|
|
},
|
popup:`<p>PCI:${item.PCI}</p>
|
<p>Sitename:${item.SitenameCN}</p>
|
<p>信号:${item.frequencyRange}</p>
|
<p>???:${item.EARFCN}</p>
|
`,
|
description:"文字"
|
})
|
// PCI_position_layer.addGraphic(primitive)
|
return primitive
|
}
|
|
|
function addLightMr(){
|
ue_trace_layer = new mars3d.layer.GraphicLayer({
|
// type:'group',
|
id: 104,
|
pid: 99,
|
name: "设备轨迹",
|
show: true,
|
popup: "all",
|
flyTo: false
|
});
|
map.addLayer(ue_trace_layer);
|
|
}
|
function testLight(){
|
var testgraphic = new mars3d.layer.GraphicLayer({
|
id: 104,
|
pid: 99,
|
name: "测试轨迹",
|
show: true,
|
flyTo: false
|
});
|
map.addLayer(ue_trace_layer);
|
}
|
|
function addCustomLayers() {
|
addMsisdnPoint();
|
addLightMr();//设备轨迹
|
addPciModel();//PCI位置
|
openFloor();//瑞金大楼
|
addMockpoint();//设备定位点
|
addpoint17();
|
}
|
