| | |
|---|
| | | 'libs/layer/layer.js' |
|---|
| | | ], |
|---|
| | | function (declare, |
|---|
| | | lang, |
|---|
| | | array, |
|---|
| | | html, |
|---|
| | | topic, |
|---|
| | | BaseWidget, |
|---|
| | | aspect, |
|---|
| | | string, |
|---|
| | | utils, |
|---|
| | | layer |
|---|
| | | lang, |
|---|
| | | array, |
|---|
| | | html, |
|---|
| | | topic, |
|---|
| | | BaseWidget, |
|---|
| | | aspect, |
|---|
| | | string, |
|---|
| | | utils, |
|---|
| | | layer |
|---|
| | | ) { |
|---|
| | | return declare([BaseWidget], { |
|---|
| | | baseClass: 'jimu-widget-Layermanagement', |
|---|
| | | name: 'Layermanagement', |
|---|
| | | layers: {}, |
|---|
| | | LayerzNodes: [], |
|---|
| | | entitys: {}, |
|---|
| | | // 存放id的数组 |
|---|
| | | layermanagementId: [], |
|---|
| | | dataArr: [], |
|---|
| | | startup: function () { |
|---|
| | | var that = this; |
|---|
| | | // 暴露在外的接口 |
|---|
| | | topic.subscribe("closeZtree", lang.hitch(this, this.closeZtreeBox)); |
|---|
| | | this.inherited(arguments); |
|---|
| | | topic.subscribe("appendItem", lang.hitch(this, this.appendItem)); |
|---|
| | | topic.subscribe("removeItem", lang.hitch(this, this.removeItem)); |
|---|
| | | |
|---|
| | | $('#menu_switch span').click(function () { |
|---|
| | | if ($('#ztree_container').is(":hidden")) { |
|---|
| | | $('#ztree_container').stop().show(); |
|---|
| | | } else { |
|---|
| | | $('#ztree_container').stop().hide(); |
|---|
| | | } |
|---|
| | | topic.publish('closeMap', this.name); |
|---|
| | | topic.subscribe("appendTilt", lang.hitch(this, this.appendTilt)); |
|---|
| | | topic.subscribe("removeTilt", lang.hitch(this, this.removeTilt)); |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-tab>div").click(function () { |
|---|
| | | topic.publish('closeTool', this.name); |
|---|
| | | }); |
|---|
| | | topic.publish('closeMap', this.name); |
|---|
| | | topic.publish('closeNavigation', this.name); |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list").stop().toggle(); |
|---|
| | | |
|---|
| | | $('#close_tag_bar').click(function () { |
|---|
| | | $('#ztree_container').stop().hide(); |
|---|
| | | }); |
|---|
| | | if ($(".jimu-widget-Layermanagement .layer-list").is(":hidden")) { |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .sign-head-th-xx").click(function () { |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list").stop().hide(); |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
|---|
| | | }) |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item").on("click", "li .layer-opacity", function () { |
|---|
| | | |
|---|
| | | var layerId = $(this).parents('li').attr('itemid'); |
|---|
| | | var layerTitle = $(this).parents('li').attr('itemtitle'); |
|---|
| | | |
|---|
| | | var liC = `<li> |
|---|
| | | <div title="${layerTitle}"> |
|---|
| | | ${layerTitle} |
|---|
| | | </div> |
|---|
| | | <div id="${layerId + 'Layer'}"> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </li>`; |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity ul").empty(); |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity ul").append(liC) |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().show(); |
|---|
| | | |
|---|
| | | layui.use("slider", function () { |
|---|
| | | |
|---|
| | | layui.slider.render({ |
|---|
| | | elem: '#' + layerId + 'Layer', |
|---|
| | | min: 0, |
|---|
| | | max: 10, |
|---|
| | | value: that[layerId].alpha * 10, |
|---|
| | | step: 1, |
|---|
| | | theme: '#1E9FFF', |
|---|
| | | setTips: function (value) { //自定义提示文本 |
|---|
| | | return value / 10; |
|---|
| | | }, |
|---|
| | | change: function (value) { |
|---|
| | | that[layerId].alpha = value / 10 |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item").on("click", "li .setup", function () { |
|---|
| | | |
|---|
| | | var layerId = $(this).parents('li').attr('itemid'); |
|---|
| | | |
|---|
| | | that.map.scene.imageryLayers.raise(that[layerId]); |
|---|
| | | |
|---|
| | | if ($(this).parents('li').prev().length > 0) { |
|---|
| | | $(this).parents('li').prev().before($(this).parents('li')); |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item").on("click", "li .setdown", function () { |
|---|
| | | |
|---|
| | | var layerId = $(this).parents('li').attr('itemid'); |
|---|
| | | |
|---|
| | | that.map.scene.imageryLayers.lower(that[layerId]); |
|---|
| | | |
|---|
| | | if ($(this).parents('li').next().length > 0) { |
|---|
| | | $(this).parents('li').next().after($(this).parents('li')); |
|---|
| | | } |
|---|
| | | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity .close").click(function () { |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
|---|
| | | }) |
|---|
| | | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | closeZtreeBox: function (item) { |
|---|
| | | if (item != this.name) { |
|---|
| | | $('#ztree_container').stop().hide(); |
|---|
| | | appendItem: function (item, obj, layer) { |
|---|
| | | var that = this; |
|---|
| | | if (item == this.name) { |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item .no-data").stop().hide(); |
|---|
| | | var flag = true; |
|---|
| | | var liList = $(".jimu-widget-Layermanagement .layer-list .layers-item li"); |
|---|
| | | for (var i = 0; i < liList.length; i++) { |
|---|
| | | if ($(liList[i]).attr('itemid') && $(liList[i]).attr('itemid') == obj.id) { |
|---|
| | | flag = false |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (flag == true) { |
|---|
| | | var liItem = $("<li itemid='" + obj.id + "' itemtitle='" + obj.title + "'> <div>" + |
|---|
| | | "<span title='" + obj.title + "'>" + |
|---|
| | | obj.title + |
|---|
| | | "</span>" + |
|---|
| | | "<button type='button' class='layui-btn layui-btn-normal layui-btn-sm control-btn layer-opacity' title='透明度控制'>" + |
|---|
| | | "<img src='./images/工具（用以切换图层的透明度）.png' alt=''>" + |
|---|
| | | "</button>" + |
|---|
| | | "<button type='button' class='layui-btn layui-btn-normal layui-btn-sm control-btn setup' title='向上移动图层'>" + |
|---|
| | | "<img src='./images/向上移动.png' alt=''>" + |
|---|
| | | "</button>" + |
|---|
| | | "<button type='button' class='layui-btn layui-btn-normal layui-btn-sm control-btn setdown' title='向下移动图层'>" + |
|---|
| | | "<img src='./images/向下移动.png' alt=''>" + |
|---|
| | | "</button>" + |
|---|
| | | "</div> </li>"); |
|---|
| | | |
|---|
| | | that[obj.id] = layer; |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item").prepend(liItem); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | appendTilt: function (item, obj, layer) { |
|---|
| | | var that = this; |
|---|
| | | if (item == this.name) { |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item .no-data").stop().hide(); |
|---|
| | | |
|---|
| | | var flag = true; |
|---|
| | | |
|---|
| | | var liList = $(".jimu-widget-Layermanagement .layer-list .layers-title li"); |
|---|
| | | |
|---|
| | | for (var i = 0; i < liList.length; i++) { |
|---|
| | | |
|---|
| | | if ($(liList[i]).attr('itemid') && $(liList[i]).attr('itemid') == obj.id) { |
|---|
| | | |
|---|
| | | flag = false |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | if (flag == true) { |
|---|
| | | var liItem = $("<li itemid='" + obj.id + "' itemtitle='" + obj.title + "'> <div>" + |
|---|
| | | "<span title='" + obj.title + "'>" + |
|---|
| | | obj.title + |
|---|
| | | "</span>" + |
|---|
| | | "</div> </li>"); |
|---|
| | | |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-title").prepend(liItem); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | removeItem: function (item, obj) { |
|---|
| | | if (item == this.name) { |
|---|
| | | var liList = $(".jimu-widget-Layermanagement .layer-list .layers-item li"); |
|---|
| | | for (var i = 0; i < liList.length; i++) { |
|---|
| | | if ($(liList[i]).attr('itemid') && $(liList[i]).attr('itemid') == obj.id) { |
|---|
| | | $(liList[i]).remove(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if ($(".jimu-widget-Layermanagement .layer-list .layers-item li").length == 1 && $(".jimu-widget-Layermanagement .layer-list .layers-title li").length == 0) { |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item .no-data").stop().show(); |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | removeTilt: function (item, obj) { |
|---|
| | | if (item == this.name) { |
|---|
| | | var liList = $(".jimu-widget-Layermanagement .layer-list .layers-title li"); |
|---|
| | | for (var i = 0; i < liList.length; i++) { |
|---|
| | | if ($(liList[i]).attr('itemid') && $(liList[i]).attr('itemid') == obj.id) { |
|---|
| | | $(liList[i]).remove(); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | if ($(".jimu-widget-Layermanagement .layer-list .layers-item li").length == 1 && $(".jimu-widget-Layermanagement .layer-list .layers-title li").length == 0) { |
|---|
| | | $(".jimu-widget-Layermanagement .layer-list .layers-item .no-data").stop().show(); |
|---|
| | | $(".jimu-widget-Layermanagement .tree-layer-opcity").stop().hide(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | onOpen: function () { |
|---|
| | | var self = this; |
|---|
| | | this.map.scene.globe.depthTestAgainstTerrain = false; |
|---|
| | | $.ajax({ |
|---|
| | | url: 'widgets/Layermanagement/datas.json', |
|---|
| | | dataType: 'json', |
|---|
| | | type: 'post', |
|---|
| | | success: function (data) { |
|---|
| | | setTimeout(function () { |
|---|
| | | var parentOpen = null; |
|---|
| | | var parentCheck = null; |
|---|
| | | for (var i = 0; i < data.data.length; i++) { |
|---|
| | | data.data[i].isOpen == 1 ? parentOpen = false : parentOpen = true; |
|---|
| | | data.data[i].isCheck == 1 ? parentCheck = false : parentCheck = true; |
|---|
| | | self.LayerzNodes.push({ |
|---|
| | | id: data.data[i].id, |
|---|
| | | pId: data.data[i].parentId, |
|---|
| | | name: data.data[i].name, |
|---|
| | | url: data.data[i].url, |
|---|
| | | open: parentOpen, |
|---|
| | | nocheck: parentCheck, |
|---|
| | | }); |
|---|
| | | // 存储数据得 |
|---|
| | | var result = null; |
|---|
| | | // 存储url最后面数字的 |
|---|
| | | var layersNumber = null; |
|---|
| | | // 存储 true， false |
|---|
| | | var layerShow = null; |
|---|
| | | // 存储除数字外的URL |
|---|
| | | var layersUrl = null; |
|---|
| | | for (var j = 0; j < data.data[i].children.length; j++) { |
|---|
| | | result = data.data[i].children[j]; |
|---|
| | | result.isCheck == 1 ? layerShow = false : layerShow = true; |
|---|
| | | self.LayerzNodes.push({ |
|---|
| | | id: result.id, |
|---|
| | | pId: result.parentId, |
|---|
| | | name: result.name, |
|---|
| | | checked: layerShow, |
|---|
| | | type: result.type, |
|---|
| | | icon: result.icon, |
|---|
| | | rendering: result.rendering, |
|---|
| | | url: result.url, |
|---|
| | | showheight: result.showheight |
|---|
| | | }); |
|---|
| | | |
|---|
| | | |
|---|
| | | // 从服务上 并且是服务端渲染的 的 就去添加图层 |
|---|
| | | if (result.type == 1 && result.rendering == 1) { |
|---|
| | | layersNumber = result.url.substring(result.url.length - 1); |
|---|
| | | layersUrl = result.url.substring(0, result.url.length - 2); |
|---|
| | | var layersObject = { |
|---|
| | | icon: result.icon, |
|---|
| | | label: result.name, |
|---|
| | | show: layerShow, |
|---|
| | | type: result.type, |
|---|
| | | url: result.url, |
|---|
| | | layerID:result.layerID, |
|---|
| | | showheight: result.showheight |
|---|
| | | }; |
|---|
| | | if (!isNaN(layersNumber)) { |
|---|
| | | layersObject.layers = layersNumber; |
|---|
| | | layersObject.url = layersUrl; |
|---|
| | | } |
|---|
| | | self.createLayers(layersObject); |
|---|
| | | } else if (result.type == 0 && result.rendering == 0) { // 从 接口上读取的数据 并且是 本地渲染，就去添加entity实体 |
|---|
| | | layerShow && self.createEntity({ |
|---|
| | | url: result.url, |
|---|
| | | entityName: result.name, |
|---|
| | | img: result.icon, |
|---|
| | | delete: !layerShow, |
|---|
| | | showheight: result.showheight |
|---|
| | | }); |
|---|
| | | } else if (result.type == 1 && result.rendering == 0) { |
|---|
| | | layerShow && self.serviceEntity({ |
|---|
| | | url: result.url, |
|---|
| | | oname: result.name, |
|---|
| | | img: result.icon, |
|---|
| | | delete: !layerShow, |
|---|
| | | showheight: result.showheight |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | // 获取现有图层 |
|---|
| | | var imageryLayers = self.map.scene.globe.imageryLayers; |
|---|
| | | |
|---|
| | | for (var i = 0; i < imageryLayers.length; i++) { |
|---|
| | | var layer = imageryLayers.get(i); |
|---|
| | | self.layers[layer.label] = layer; |
|---|
| | | // self.layers[layer.label].show = true; |
|---|
| | | } |
|---|
| | | |
|---|
| | | var setting = { |
|---|
| | | view: { |
|---|
| | | selectedMulti: false |
|---|
| | | }, |
|---|
| | | check: { |
|---|
| | | enable: true |
|---|
| | | }, |
|---|
| | | data: { |
|---|
| | | simpleData: { |
|---|
| | | enable: true |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | callback: { |
|---|
| | | onCheck: onCheck, |
|---|
| | | } |
|---|
| | | }; |
|---|
| | | $.fn.zTree.init($("#treeDemo"), setting, self.LayerzNodes); |
|---|
| | | $("#treeDemo li ").on('click', 'a', function () { |
|---|
| | | return false; |
|---|
| | | }); |
|---|
| | | |
|---|
| | | function onCheck(e, treeId, treeNode) { |
|---|
| | | if (treeNode.isParent) { |
|---|
| | | treeNode.children.forEach(function (item, index) { |
|---|
| | | self.selectiveLoading(item); |
|---|
| | | }); |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | self.selectiveLoading(treeNode); |
|---|
| | | } |
|---|
| | | }, 2000); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | onClose: function () { |
|---|
| | |
|---|
| | | //todo |
|---|
| | | //do something before this func |
|---|
| | | this.inherited(arguments); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 选中与否，判断后进行添加或者删除实体 |
|---|
| | | selectiveLoading: function (treeNodeItem) { |
|---|
| | | |
|---|
| | | var self = this; |
|---|
| | | if (treeNodeItem.type == 1 && treeNodeItem.rendering == 1) { |
|---|
| | | self.layers[treeNodeItem.name].show = treeNodeItem.checked; |
|---|
| | | } else if (treeNodeItem.type == 0 && treeNodeItem.rendering == 0) { |
|---|
| | | self.createEntity({ |
|---|
| | | url: treeNodeItem.url, |
|---|
| | | entityName: treeNodeItem.name, |
|---|
| | | img: treeNodeItem.icon, |
|---|
| | | delete: !treeNodeItem.checked, |
|---|
| | | showheight: treeNodeItem.showheight |
|---|
| | | }); |
|---|
| | | } else if (treeNodeItem.type == 1 && treeNodeItem.rendering == 0) { |
|---|
| | | self.serviceEntity({ |
|---|
| | | url: treeNodeItem.url, |
|---|
| | | oname: treeNodeItem.name, |
|---|
| | | img: treeNodeItem.icon, |
|---|
| | | delete: !treeNodeItem.checked, |
|---|
| | | showheight: treeNodeItem.showheight |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 读取服务，并且服务端加载，添加图层 |
|---|
| | | createLayers: function (layerConfig) { |
|---|
| | | var layMap = { |
|---|
| | | '1': 'ArcGisMapServerImageryProvider' |
|---|
| | | }; |
|---|
| | | var layers; |
|---|
| | | if (false) { |
|---|
| | | |
|---|
| | | } else { |
|---|
| | | |
|---|
| | | /*var layers = new Cesium[layMap[layerConfig.type]](layerConfig); |
|---|
| | | var imageryLayers = this.map.imageryLayers; |
|---|
| | | var olayer = imageryLayers.addImageryProvider(layers);*/ |
|---|
| | | |
|---|
| | | //创建provider。 |
|---|
| | | var provider = new Cesium.SuperMapImageryProvider({ |
|---|
| | | url: layerConfig.url, |
|---|
| | | layersID: layerConfig.layerID |
|---|
| | | }); |
|---|
| | | |
|---|
| | | //创建影像图层。 |
|---|
| | | var olayer = this.map.imageryLayers.addImageryProvider(provider); |
|---|
| | | |
|---|
| | | olayer.show = layerConfig.show; |
|---|
| | | olayer.label = layerConfig.label; |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 创建entity实体 |
|---|
| | | createEntity: function (entityConfig) { |
|---|
| | | var self = this; |
|---|
| | | $.ajax({ |
|---|
| | | url: entityConfig.url, |
|---|
| | | type: 'GET', |
|---|
| | | dataType: 'JSON', |
|---|
| | | success: function (data) { |
|---|
| | | /*if (data.data.length < 100) { |
|---|
| | | labelHeight = 260000; |
|---|
| | | } else if (data.data.length >= 100 && data.data.length < 250) { |
|---|
| | | labelHeight = 220000; |
|---|
| | | } else if (data.data.length >= 250 && data.data.length < 500) { |
|---|
| | | labelHeight = 180000; |
|---|
| | | } else if (data.data.length >= 500) { |
|---|
| | | labelHeight = 140000; |
|---|
| | | }*/ |
|---|
| | | var site = "siteCode"; |
|---|
| | | if (entityConfig.entityName == "山洪隐患点") { |
|---|
| | | var site = "siteId"; |
|---|
| | | } |
|---|
| | | data.data.forEach(function (item, index) { |
|---|
| | | var id = item[site] + entityConfig.entityName + item['lgtd']; |
|---|
| | | var angle = ""; |
|---|
| | | if (typeof (item.angle) != "undefined") { |
|---|
| | | angle = item.angle; |
|---|
| | | } |
|---|
| | | // 移除entity实体 |
|---|
| | | if (entityConfig.delete == true) { |
|---|
| | | self.map.entities.removeById(id); |
|---|
| | | if (self.layermanagementId.indexOf(id) != -1) { |
|---|
| | | self.layermanagementId.splice(id, 1); |
|---|
| | | } |
|---|
| | | return; |
|---|
| | | } |
|---|
| | | self.layermanagementId.push(id); |
|---|
| | | // 添加entity实体 |
|---|
| | | self.map.entities.add({ |
|---|
| | | id: id, // 实体ID |
|---|
| | | name: item.siteName, // 实体名称 |
|---|
| | | position: Cesium.Cartesian3.fromDegrees(Number(item.lgtd), Number(item.lttd)), // x,y 实体经纬度 |
|---|
| | | label: { |
|---|
| | | show: true, |
|---|
| | | text: item.siteName, // text 与实体相关的文字 |
|---|
| | | font: "700 14px '黑体'", |
|---|
| | | fillColor: Cesium.Color.DEEPSKYBLUE, |
|---|
| | | // backgroundColor: Cesium.Color.DEEPSKYBLUE, |
|---|
| | | style: Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineWidth: 2, |
|---|
| | | outlineColor: Cesium.Color.fromBytes(255, 255, 255), // 文字轮廓的颜色 |
|---|
| | | verticalOrigin: Cesium.VerticalOrigin.CENTER,//垂直位置 |
|---|
| | | horizontalOrigin: Cesium.HorizontalOrigin.LEFT,//水平位置 |
|---|
| | | pixelOffset: new Cesium.Cartesian2(10, -10), // 文字位置 |
|---|
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
|---|
| | | distanceDisplayCondition: new Cesium.DistanceDisplayCondition(1, entityConfig.showheight), |
|---|
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
|---|
| | | }, |
|---|
| | | billboard: { |
|---|
| | | show: true, |
|---|
| | | image: entityConfig.img, |
|---|
| | | // image: entityConfig.img, |
|---|
| | | width: 20, |
|---|
| | | height: 20, |
|---|
| | | clampToGround: true, |
|---|
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
|---|
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY, |
|---|
| | | rotation: Cesium.Math.toRadians(angle), |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | /*self.map.entities.add({ |
|---|
| | | id: item[site] + entityConfig.entityName, // 实体ID |
|---|
| | | name: item.siteName, // 实体名称 |
|---|
| | | position: Cesium.Cartesian3.fromDegrees(item.lgtd, item.lttd), // x,y 实体经纬度 |
|---|
| | | label: { |
|---|
| | | show: true, |
|---|
| | | text: item.siteName, // text 与实体相关的文字 |
|---|
| | | font: "700 16px '黑体'", |
|---|
| | | fillColor: Cesium.Color.DEEPSKYBLUE, |
|---|
| | | // backgroundColor: Cesium.Color.DEEPSKYBLUE, |
|---|
| | | style: Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineWidth: 3, |
|---|
| | | outlineColor: Cesium.Color.fromBytes(255, 255, 255), // 文字轮廓的颜色 |
|---|
| | | verticalOrigin: Cesium.VerticalOrigin.CENTER,//垂直位置 |
|---|
| | | horizontalOrigin: Cesium.HorizontalOrigin.LEFT,//水平位置 |
|---|
| | | pixelOffset: new Cesium.Cartesian2(10, -10), // 文字位置 |
|---|
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
|---|
| | | distanceDisplayCondition: new Cesium.DistanceDisplayCondition(1, entityConfig.showheight), |
|---|
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
|---|
| | | }, |
|---|
| | | ellipse: { |
|---|
| | | show: true, |
|---|
| | | semiMajorAxis: 200, |
|---|
| | | semiMinorAxis: 200, |
|---|
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
|---|
| | | |
|---|
| | | rotation: Cesium.Math.toRadians(angle), |
|---|
| | | material: new Cesium.ImageMaterialProperty({ |
|---|
| | | image: entityConfig.img |
|---|
| | | }), |
|---|
| | | } |
|---|
| | | })*/ |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 读取服务，并本地加载 |
|---|
| | | serviceEntity: function (entityConfig) { |
|---|
| | | var self = this; |
|---|
| | | $.ajax({ |
|---|
| | | url: entityConfig.url + "/query", |
|---|
| | | type: 'get', |
|---|
| | | data: { |
|---|
| | | where: '1=1', |
|---|
| | | returnGeometry: true, |
|---|
| | | outFields: "*", |
|---|
| | | f: "pjson" |
|---|
| | | }, |
|---|
| | | dataType: 'JSON', |
|---|
| | | success: function (data) { |
|---|
| | | if (data.geometryType == "esriGeometryPoint") { |
|---|
| | | self.geometryPoints({ |
|---|
| | | data: data, |
|---|
| | | img: entityConfig.img, |
|---|
| | | delete: entityConfig.delete, |
|---|
| | | showheight: entityConfig.showheight |
|---|
| | | }); |
|---|
| | | } else if (data.geometryType == 'esriGeometryPolyline') { |
|---|
| | | self.geometryPolylines({ |
|---|
| | | data: data, |
|---|
| | | img: entityConfig.img, |
|---|
| | | delete: entityConfig.delete, |
|---|
| | | showheight: entityConfig.showheight |
|---|
| | | }); |
|---|
| | | } else if (data.geometryType == 'esriGeometryPolygon') { |
|---|
| | | self.geometryPolygon({ |
|---|
| | | data: data, |
|---|
| | | img: entityConfig.img, |
|---|
| | | delete: entityConfig.delete, |
|---|
| | | showheight: entityConfig.showheight |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 读取服务，并且在本地渲染的，加载实体点方法 |
|---|
| | | geometryPoints: function (entityConfig) { |
|---|
| | | var self = this; |
|---|
| | | var labelHeight = null; |
|---|
| | | if (entityConfig.data.features.length < 100) { |
|---|
| | | labelHeight = 260000; |
|---|
| | | } else if (entityConfig.data.features.length >= 100 && entityConfig.data.features.length < 250) { |
|---|
| | | labelHeight = 220000; |
|---|
| | | } else if (entityConfig.data.features.length >= 250 && entityConfig.data.features.length < 500) { |
|---|
| | | labelHeight = 180000; |
|---|
| | | } else if (entityConfig.data.features.length >= 500) { |
|---|
| | | labelHeight = 140000; |
|---|
| | | } |
|---|
| | | for (var o = 0; o < entityConfig.data.features.length; o++) { |
|---|
| | | if (entityConfig.delete == true) { |
|---|
| | | self.map.entities.removeById(JSON.stringify(entityConfig.data.features[o].attributes)); |
|---|
| | | if (self.layermanagementId.indexOf(JSON.stringify(entityConfig.data.features[o].attributes)) != -1) { |
|---|
| | | self.layermanagementId.splice(self.layermanagementId.indexOf(JSON.stringify(entityConfig.data.features[o].attributes)), 1); |
|---|
| | | } |
|---|
| | | continue; |
|---|
| | | } |
|---|
| | | |
|---|
| | | self.layermanagementId.push(JSON.stringify(entityConfig.data.features[o].attributes)); |
|---|
| | | |
|---|
| | | self.map.entities.add({ |
|---|
| | | id: JSON.stringify(entityConfig.data.features[o].attributes), // 实体ID |
|---|
| | | name: entityConfig.data.features[o].attributes[entityConfig.data.displayFieldName], // 实体名称 |
|---|
| | | position: Cesium.Cartesian3.fromDegrees(entityConfig.data.features[o].geometry.x, entityConfig.data.features[o].geometry.y), // x,y 实体经纬度 |
|---|
| | | show: true, |
|---|
| | | //字体标签样式 |
|---|
| | | label: { |
|---|
| | | show: true, |
|---|
| | | text: entityConfig.data.features[o].attributes[entityConfig.data.displayFieldName], // text 与实体相关的文字 |
|---|
| | | font: "700 14px '黑体'", |
|---|
| | | fillColor: Cesium.Color.DEEPSKYBLUE, |
|---|
| | | style: Cesium.LabelStyle.FILL_AND_OUTLINE, |
|---|
| | | outlineWidth: 2, |
|---|
| | | outlineColor: Cesium.Color.fromBytes(255, 255, 255), // 文字轮廓的颜色 |
|---|
| | | verticalOrigin: Cesium.VerticalOrigin.CENTER,//垂直位置 |
|---|
| | | horizontalOrigin: Cesium.HorizontalOrigin.LEFT,//水平位置 |
|---|
| | | pixelOffset: new Cesium.Cartesian2(14, -10), // 文字位置 |
|---|
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
|---|
| | | distanceDisplayCondition: new Cesium.DistanceDisplayCondition(1, entityConfig.showheight), |
|---|
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
|---|
| | | }, |
|---|
| | | billboard: { |
|---|
| | | show: true, |
|---|
| | | image: entityConfig.img, |
|---|
| | | width: 20, |
|---|
| | | height: 20, |
|---|
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
|---|
| | | disableDepthTestDistance: Number.POSITIVE_INFINITY |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 读取服务，并且在本地渲染的，加载实体线段方法 |
|---|
| | | geometryPolylines: function (entityConfig) { |
|---|
| | | var self = this; |
|---|
| | | var position = []; |
|---|
| | | for (var o = 0; o < entityConfig.data.features.length; o++) { |
|---|
| | | for (var i = 0; i < entityConfig.data.features[o].geometry.paths[0].length; i++) { |
|---|
| | | position.push(entityConfig.data.features[o].geometry.paths[0][i][0], entityConfig.data.features[o].geometry.paths[0][i][1]); |
|---|
| | | } |
|---|
| | | if (entityConfig.delete == true) { |
|---|
| | | self.map.entities.removeById(JSON.stringify(entityConfig.data.features[o].attributes)); |
|---|
| | | if (self.layermanagementId.indexOf(JSON.stringify(entityConfig.data.features[o].attributes)) != -1) { |
|---|
| | | self.layermanagementId.splice(self.layermanagementId.indexOf(JSON.stringify(entityConfig.data.features[o].attributes)), 1); |
|---|
| | | } |
|---|
| | | continue; |
|---|
| | | } |
|---|
| | | self.layermanagementId.push(JSON.stringify(entityConfig.data.features[o].attributes)); |
|---|
| | | // 绘制线段的 |
|---|
| | | self.map.entities.add({ |
|---|
| | | id: JSON.stringify(entityConfig.data.features[o].attributes), |
|---|
| | | show: true, |
|---|
| | | polyline: { |
|---|
| | | positions: Cesium.Cartesian3.fromDegreesArray(position), |
|---|
| | | width: 20, |
|---|
| | | material: new Cesium.ImageMaterialProperty({ |
|---|
| | | |
|---|
| | | // 明天需要修改，备注。。！！！！ |
|---|
| | | image: entityConfig.img, |
|---|
| | | // image: 'images/1111.png', |
|---|
| | | repeat: new Cesium.Cartesian2(position.length / 8, 1), |
|---|
| | | // transparent: true, |
|---|
| | | }), |
|---|
| | | // granularity: Cesium.Math.RADIANS_PER_DEGREE, |
|---|
| | | // arcType: Cesium.ArcType.RHUMB, |
|---|
| | | // classificationType: Cesium.ClassificationType.TERRAIN, |
|---|
| | | clampToGround: true, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | position = []; |
|---|
| | | } |
|---|
| | | |
|---|
| | | }, |
|---|
| | | |
|---|
| | | // 读取服务，并且在本地渲染的，加载实体多边形方法 |
|---|
| | | geometryPolygon: function (entityConfig) { |
|---|
| | | var self = this; |
|---|
| | | var position = []; |
|---|
| | | for (var o = 0; o < entityConfig.data.features.length; o++) { |
|---|
| | | for (var i = 0; i < entityConfig.data.features[o].geometry.rings[0].length; i++) { |
|---|
| | | position.push(entityConfig.data.features[o].geometry.rings[0][i][0], entityConfig.data.features[o].geometry.rings[0][i][1]); |
|---|
| | | } |
|---|
| | | if (entityConfig.delete == true) { |
|---|
| | | self.map.entities.removeById(JSON.stringify(entityConfig.data.features[o].attributes)); |
|---|
| | | if (self.layermanagementId.indexOf(JSON.stringify(entityConfig.data.features[o].attributes)) != -1) { |
|---|
| | | self.layermanagementId.splice(self.layermanagementId.indexOf(JSON.stringify(entityConfig.data.features[o].attributes)), 1); |
|---|
| | | } |
|---|
| | | continue; |
|---|
| | | } |
|---|
| | | self.layermanagementId.push(JSON.stringify(entityConfig.data.features[o].attributes)); |
|---|
| | | // 绘制多边形的 |
|---|
| | | self.map.entities.add({ |
|---|
| | | id: JSON.stringify(entityConfig.data.features[o].attributes), |
|---|
| | | show: true, |
|---|
| | | polygon: { |
|---|
| | | hierarchy: {positions: Cesium.Cartesian3.fromDegreesArray(position)}, |
|---|
| | | material: new Cesium.ImageMaterialProperty({ |
|---|
| | | image: entityConfig.img |
|---|
| | | }), |
|---|
| | | clampToGround: true, |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | position = []; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }); |
|---|
