'use script' //开发环境建议开启严格模式
|
//系统主入口
|
|
var map //地球对象
|
var request //传入的get参数
|
var useid = "admin" ;
|
|
var currentDataType = 'hour';
|
var currentDataTime = getDefaultDataTime();
|
|
|
|
function getDefaultDataTime(){
|
|
var now = new Date();
|
//TODO
|
|
return "2021-08-23 13:00:00";
|
|
}
|
|
|
//地图
|
$(document).ready(function() {
|
//判断webgl支持
|
if (!mars3d.Util.webglreport()) {
|
mars3d.Util.webglerror()
|
}
|
|
//记录url传入参数
|
request = haoutil.system.getRequest()
|
if (window.top) {
|
//有父级
|
request = $.extend(request, haoutil.system.getRequest(window.top))
|
}
|
|
if (request.userid !=null){
|
useid = request.userid;
|
console.log(useid);
|
|
}
|
|
var configfile = 'config/config.json' //默认地址
|
if (request.config) {
|
//url传入地址
|
configfile = request.config
|
}
|
|
haoutil.loading.show()
|
|
$.ajax({
|
type: 'get',
|
dataType: 'json',
|
url: configfile,
|
timeout: 0,
|
success: function(data) {
|
haoutil.loading.hide()
|
|
//构建地图
|
initMap(data.map3d)
|
|
setTimeout(removeMask, 3000) //欢迎UI关闭处理
|
},
|
error: function(request, textStatus) {
|
removeMask()
|
haoutil.loading.hide()
|
haoutil.alert('1.请检查文件内 json 语法是否存在问题。<br />2.请在浏览器输入文件url测试是否可以访问。', configfile + ' 文件加载失败')
|
console.log(textStatus, request)
|
},
|
})
|
|
initUI()
|
})
|
|
function removeMask() {
|
$('#mask').remove()
|
}
|
|
//UI界面相关
|
function initUI() {
|
haoutil.oneMsg('首次访问系统无缓存会略慢，请耐心等待！', 'load3d_tip')
|
}
|
|
//初始化地图
|
function initMap(mapOptions) {
|
//合并属性参数，可覆盖config.json中的对应配置
|
// mapOptions = mars3d.Util.merge(mapOptions, {})
|
|
//创建三维地球场景
|
console.log(mapOptions);
|
|
// array[] ;
|
|
|
map = new mars3d.Map('mars3dContainer', mapOptions)
|
|
//构造widget
|
initWidget(map)
|
|
//如果有xyz传参，进行定位
|
if (haoutil.isutil.isNotNull(request.x) && haoutil.isutil.isNotNull(request.y)) {
|
map.setCameraView(request, { duration: 0, isWgs84: true })
|
}
|
|
//开场动画
|
map.openFlyAnimation()
|
|
//针对不同终端的优化配置
|
if (haoutil.system.isPCBroswer()) {
|
// Cesium 1.61以后会默认关闭反走样，对于桌面端而言还是开启得好，
|
map.scene.postProcessStages.fxaa.enabled = true
|
|
//鼠标滚轮放大的步长参数
|
map.scene.screenSpaceCameraController._zoomFactor = 2.0
|
|
//IE浏览器优化
|
if (window.navigator.userAgent.toLowerCase().indexOf('msie') >= 0) {
|
map.viewer.targetFrameRate = 20 //限制帧率
|
map.viewer.requestRenderMode = true //取消实时渲染
|
}
|
} else {
|
//鼠标滚轮放大的步长参数
|
map.scene.screenSpaceCameraController._zoomFactor = 5.0
|
|
//移动设备上禁掉以下几个选项，可以相对更加流畅
|
map.viewer.requestRenderMode = true //取消实时渲染
|
map.scene.fog.enabled = false
|
map.scene.skyAtmosphere.show = false
|
map.scene.globe.showGroundAtmosphere = false
|
}
|
|
//二三维切换不用动画
|
if (map.sceneModePicker) {
|
map.sceneModePicker.viewModel.duration = 0.0
|
}
|
|
//webgl渲染失败后，刷新页面
|
map.scene.renderError.addEventListener(function (scene, error) {
|
window.location.reload();
|
});
|
|
//绑定单击显示BIM的构件树
|
bindShowTilesParts()
|
|
//下面可以继续加项目相关的其他代码
|
// 监测点指标 分区间
|
|
|
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.tsp < 0.02) { return { image: "img/marker/jiance1ji.png" }; }
|
else if (attr.tsp > 0.02 && attr.tsp < 0.06) { return { image: "img/marker/jiance2ji.png" }; }
|
else { return { image: "img/marker/jiance3ji.png" }; }
|
}
|
|
var Layer = map.getLayer("监测点每时数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.tsp < 0.02) { return { image: "img/marker/jiance1ji.png" }; }
|
else if (attr.tsp > 0.02 && attr.tsp < 0.06) { return { image: "img/marker/jiance2ji.png" }; }
|
else { return { image: "img/marker/jiance3ji.png" }; }
|
}
|
|
var Layer = map.getLayer("监测点每天数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.tsp < 0.02) { return { image: "img/marker/jiance1ji.png" }; }
|
else if (attr.tsp > 0.02 && attr.tsp < 0.06) { return { image: "img/marker/jiance2ji.png" }; }
|
else { return { image: "img/marker/jiance3ji.png" }; }
|
}
|
|
//微站指标 分区间
|
var Layer = map.getLayer("微站每分数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.pm25 < 5) { return { image: "img/marker/weizhan1j.png" }; }
|
else if (attr.pm25 > 5 && attr.pm25 < 7) { return { image: "img/marker/weizhan2j.png" }; }
|
else if (attr.pm25 > 7 && attr.pm25 < 9) { return { image: "img/marker/weizhan3ji.png" }; } else { return { image: "img/marker/weizhan4ji.png" }; }
|
}
|
|
var Layer = map.getLayer("微站每时数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.pm25 < 5) { return { image: "img/marker/weizhan1j.png" }; }
|
else if (attr.pm25 > 5 && attr.pm25 < 7) { return { image: "img/marker/weizhan2j.png" }; }
|
else if (attr.pm25 > 7 && attr.pm25 < 9) { return { image: "img/marker/weizhan3ji.png" }; } else { return { image: "img/marker/weizhan4ji.png" }; }
|
}
|
|
|
|
var Layer = map.getLayer("微站每天数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.pm25 < 5) { return { image: "img/marker/weizhan1j.png" }; }
|
else if (attr.pm25 > 5 && attr.pm25 < 7) { return { image: "img/marker/weizhan2j.png" }; }
|
else if (attr.pm25 > 7 && attr.pm25 < 9) { return { image: "img/marker/weizhan3ji.png" }; } else { return { image: "img/marker/weizhan4ji.png" }; }
|
}
|
|
//国控点指标 分区间
|
|
var Layer = map.getLayer("国控点每分数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.pm25 < 15) { return { image: "img/marker/guokong1ji.png" }; }
|
else if (attr.pm25 > 15 && attr.pm25 < 35) { return { image: "img/marker/guokong2ji.png" }; }
|
else if (attr.pm25 > 50 && attr.pm25 < 75) { return { image: "img/marker/guokong3ji.png" }; } else { return { image: "img/marker/guokong4ji.png" }; }
|
}
|
|
|
var Layer = map.getLayer("国控点每时数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.pm25 < 15) { return { image: "img/marker/guokong1ji.png" }; }
|
else if (attr.pm25 > 15 && attr.pm25 < 35) { return { image: "img/marker/guokong2ji.png" }; }
|
else if (attr.pm25 > 50 && attr.pm25 < 75) { return { image: "img/marker/guokong3ji.png" }; } else { return { image: "img/marker/guokong4ji.png" }; }
|
}
|
|
var Layer = map.getLayer("国控点每天数据-WFS");
|
var symbol = Layer.options.symbol;
|
symbol.callback = function(attr, styleOpt) {
|
if (attr.pm25 < 15) { return { image: "img/marker/guokong1ji.png" }; }
|
else if (attr.pm25 > 15 && attr.pm25 < 35) { return { image: "img/marker/guokong2ji.png" }; }
|
else if (attr.pm25 > 50 && attr.pm25 < 75) { return { image: "img/marker/guokong3ji.png" }; } else { return { image: "img/marker/guokong4ji.png" }; }
|
}
|
|
|
//////////////////////////////////////////////////////////////////
|
|
//创建矢量数据图层
|
var graphicLayer = new mars3d.layer.GraphicLayer({ name: "出租车" })
|
map.addLayer(graphicLayer)
|
|
|
//图层管理的相关处理，代码在\js\graphicManager.js
|
//initLayerManager(graphicLayer)
|
|
//加一些演示数据
|
for (let i = 0; i < 20; i++) {
|
let graphic = new mars3d.graphic.ModelEntity({
|
style: {
|
url: 'http://data.marsgis.cn/gltf/mars/qiche.gltf',
|
scale: 0.6,
|
minimumPixelSize: 30,
|
|
},
|
})
|
graphicLayer.addGraphic(graphic)
|
}
|
|
|
|
//设置动态位置
|
graphicLayer.eachGraphic((graphic) => {
|
graphic.addDynamicPosition(randomPoint())
|
})
|
graphicLayer.eachGraphic((graphic) => {
|
graphic.addDynamicPosition(randomPoint(), 500)
|
})
|
|
//定时更新动态位置（setInterval为演示）
|
setInterval(() => {
|
graphicLayer.eachGraphic((graphic) => {
|
graphic.addDynamicPosition(randomPoint(), 500)
|
})
|
}, 10000)
|
}
|
|
//取区域内的随机图标
|
function randomPoint() {
|
var jd = haoutil.math.random(121.068909 * 1000, 121.666411 * 1000) / 1000
|
var wd = haoutil.math.random(30.977126 * 1000, 31.368503 * 1000) / 1000
|
return Cesium.Cartesian3.fromDegrees(jd, wd, 30)
|
}
|
|
|
//初始化widget相关
|
function initWidget(map) {
|
haoutil.loading.show()
|
|
$.ajax({
|
type: 'get',
|
dataType: 'json',
|
url: 'config/widget.json',
|
timeout: 0,
|
success: function(widgetCfg) {
|
haoutil.loading.hide()
|
|
//url如果有传参时的处理
|
if (haoutil.isutil.isNotNull(request.widget)) {
|
if (request.onlyStart) {
|
widgetCfg.openAtStart = []
|
}
|
widgetCfg.openAtStart.push({
|
uri: request.widget,
|
name: request.name || '',
|
windowOptions: {
|
closeBtn: !request.onlyStart,
|
},
|
request: request,
|
})
|
map.flyHome({ duration: 0 })
|
}
|
|
//初始化widget管理器
|
mars3d.widget.init(map, widgetCfg, './') //tip: 第3个参数支持定义widget目录的相对路径。
|
|
if (window.lastWidgetItem) {
|
activateWidget(lastWidgetItem)
|
lastWidgetItem = null
|
}
|
},
|
error: function(XMLHttpRequest, textStatus, errorThrown) {
|
haoutil.loading.hide()
|
haoutil.alert('config/widget.json文件加载失败！')
|
},
|
})
|
|
//widget相关事件监听
|
// mars3d.widget.on(mars3d.widget.EventType.load, function (event) {
|
// console.log("引入加载了widget的js", event);
|
// })
|
// mars3d.widget.on(mars3d.widget.EventType.created, function (event) {
|
// console.log("创建了widet", event);
|
// })
|
mars3d.widget.on(mars3d.widget.EventType.activated, function(event) {
|
console.log('激活了widget', event)
|
})
|
mars3d.widget.on(mars3d.widget.EventType.disabled, function(event) {
|
console.log('释放了widget', event)
|
})
|
}
|
|
//bim构件的处理
|
function bindShowTilesParts() {
|
//单击地图事件
|
map.on(mars3d.EventType.clickGraphic, function(event) {
|
if (!(event.pickedObject instanceof Cesium.Cesium3DTileFeature)) {
|
//不是BIM数据时跳出
|
return
|
}
|
|
let layer = event.layer
|
if (!layer.options.scenetree) {
|
//未配置scenetree时跳出
|
return
|
}
|
|
var tilesParts = 'widgets/tilesParts/widget.js'
|
|
if (mars3d.widget.isActivate(tilesParts)) {
|
var parts = mars3d.widget.getClass(tilesParts)
|
if (parts.config.layerCfg == layer.options) {
|
//当前已激活,并且单击了相同模型时跳出
|
return
|
}
|
}
|
|
mars3d.widget.activate({
|
name: layer.name + ' 构件',
|
uri: tilesParts,
|
layerCfg: layer.options,
|
disableOther: false,
|
})
|
})
|
}
|
|
//外部页面调用
|
var lastWidgetItem
|
|
function activateWidget(item) {
|
if (!map) {
|
lastWidgetItem = item
|
return
|
}
|
mars3d.widget.activate(item)
|
}
|
|
function disableWidget(item) {
|
mars3d.widget.disable(item)
|
}
|
|
function activateFunByMenu(fun) {
|
eval(fun)
|
}
|
|
function goHome() {
|
mars3d.widget.disableAll()
|
map.flyHome()
|
}
|
|
function activateWidget(uri) {
|
|
// console.log('单击了工具栏：' + uri);
|
|
if (mars3d.widget.isActivate(uri)) {
|
mars3d.widget.disable(uri)
|
} else {
|
var opt = {
|
uri: uri,
|
}
|
mars3d.widget.activate(opt)
|
}
|
}
|
