| | |
| | | var layer_1002_weizhan; |
| | | var layer_1003_jiance; |
| | | var layer_1004_taxi; |
| | | var layer_1005_region; |
| | | var layer_1006_roadsection; |
| | | var layer_1005_roadsection; |
| | | |
| | | var layer_1006_region; |
| | | var layer_100600_jichang; |
| | | var layer_100601_matou; |
| | | var layer_100602_huanxian; |
| | | var layer_100603_yuanqu; |
| | | var layer_100604_jinbo; |
| | | var layer_100605_bianjie; |
| | | var layer_100607_quan; |
| | | var layer_100610_qu; |
| | | var layer_100611_jiedao; |
| | | |
| | | |
| | | var layer_wind; |
| | | var layer_grid_100; |
| | |
| | | layer_1001_guokong = new mars3d.layer.DivLayer({ |
| | | name: '国控点', |
| | | pid: 99, //图层管理 中使用,父节点id |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'] |
| | | }); |
| | |
| | | layer_1001_guokong.bindPopup(function (event) { |
| | | let item = event.graphic?.attr; |
| | | var html = |
| | | "高校名称:" + |
| | | item["高校名称"] + |
| | | "<br />所属地区:" + |
| | | item["地区"] + |
| | | "<br />主管部门:" + |
| | | item["主管部门"] + |
| | | "<br />办学层次:" + |
| | | item["办学层次"] + |
| | | "<br />王牌专业:" + |
| | | item["王牌专业"] + |
| | | "<br /><br /><p><a href='#' onclick='javascript:showDetail(1001,\"" + item["高校名称"] + "\")' >详细信息</a></p>"; |
| | | return html; |
| | | "站点名称:" + |
| | | item["SiteName"] + |
| | | "<br />分区:" + |
| | | item["RegionName"] + |
| | | "<br />AQI:" + |
| | | item["AQI"] + |
| | | "<br />PM25:" + |
| | | item["PM25"] + "ug/m3"+ |
| | | "<br />SO2:" + |
| | | item["SO2"] + "ug/m3"+ |
| | | "<br />O3:" + |
| | | item["O31"] + "ug/m3"+ |
| | | "<br /><br /><p><a href='#' onclick='javascript:showDetail(1001,\""+item["高校名称"]+"\")' >详细信息</a></p>"; |
| | | return html; |
| | | }); |
| | | |
| | | |
| | | // add 国控点 |
| | | //显示高校点 |
| | | $.getJSON("//data.mars3d.cn/file/apidemo/gaoxiao.json", (result) => { |
| | | //$.getJSON("http://58.246.27.194:7012/dataapi/Bdata?bid=get_guokong_hour&datatime="+datatime, (result) => { |
| | | var pointColorArr = ["#f33349", "#f79a2c", "#f2fa19", "#95e40c", "#1ffee6"]; |
| | | for (var i = 0, len = result.length; i < len; i++) { |
| | | var item = result[i]; |
| | | var jwd = item["经纬度"].split(","); |
| | | if (jwd.length !== 2) { |
| | | continue; |
| | | } |
| | | |
| | | var jd = Number(jwd[0]); |
| | | var wd = Number(jwd[1]); |
| | | $.getJSON("http://58.246.27.194:7012/dataapi/Bdata?bid=get_1001_list_hour&datatime=2021-09-06%2012:00:00&qindex=pm25", (result) => { |
| | | var pointColorArr = ["#f33349","#fff000","#33347f"]; |
| | | for (var i = 0, len = result.data.result.length; i < len; i++) { |
| | | var item = result.data.result[i]; |
| | | var jd = result.data.result[i].Longitude; |
| | | var wd = result.data.result[i].Latitude; |
| | | var clr = pointColorArr[i % pointColorArr.length]; |
| | | var graphic = new mars3d.graphic.DivGraphic({ |
| | | var graphic = new mars3d.graphic.DivLightPoint({ |
| | | position: Cesium.Cartesian3.fromDegrees(jd, wd), |
| | | style: { |
| | | html: '<div class="mars3d-animation-point" style="color:' + clr + ';"><p></p></div>', |
| | | color: clr, |
| | | heightReference: Cesium.HeightReference.CLAMP_TO_GROUND, |
| | | // html: '<div class="mars3d-animation-point" style="color:' + clr + ';"><p></p></div>', |
| | | // html: '<div><p><img src="img/marker/mark1.png"></p></div>', |
| | | // scaleByDistance_far: 1100, // 短半轴 半径 |
| | | // scaleByDistance_near: 2000, //长半轴 半径 |
| | | // height: 200, |
| | | // material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.CircleWave, { |
| | | // color: "#ffff00", |
| | | // count: 3, |
| | | // speed: 20, |
| | | // }), |
| | | // highlight: { |
| | | // type: "click", |
| | | // diffHeight: 600, |
| | | // material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.CircleWave, { |
| | | // color: "#ffff00", |
| | | // count: 3, |
| | | // speed: 20, |
| | | // }), |
| | | // }, |
| | | highlight: { |
| | | type: "divLightPoint", |
| | | diffHeight: 600, |
| | | material: mars3d.MaterialUtil.createMaterialProperty(mars3d.MaterialType.CircleWave, { |
| | | color: "#ffff00", |
| | | count: 3, |
| | | speed: 20, |
| | | }), |
| | | }, |
| | | distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0, 200000), //按视距距离显示 |
| | | }, |
| | | |
| | | show: true, |
| | | attr: item, |
| | | }); |
| | | layer_1001_guokong.addGraphic(graphic); |
| | | } |
| | | }); |
| | | |
| | | |
| | | |
| | | } |
| | | function addRoadLayer() { |
| | | |
| | | function addWeizhanLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_1006_roadsection = new mars3d.layer.WmsLayer({ |
| | | layer_1002_weizhan = new mars3d.layer.WmsLayer({ |
| | | pid: 99, |
| | | name: "上海市道路", |
| | | name: "微站", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:v_test", |
| | | layers: "konglu_58:vis_weizhan_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Styles":"point_weizhan_pm25", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/pm10_ten.sld" |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/point_weizhan_pm25.sld" |
| | | }, |
| | | center: { "lat": 31.162801, "lng": 121.543277, "alt": 50000, "heading": 359.2, "pitch": -39.5 }, |
| | | center: {"lat":30.429987,"lng":121.590473,"alt":58635,"heading":359,"pitch":-40}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "click", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_1002_weizhan.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_1002_weizhan); |
| | | |
| | | } |
| | | |
| | | function addJianceLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_1003_jiance = new mars3d.layer.WmsLayer({ |
| | | pid: 99, |
| | | name: "监测点", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_weizhan_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Styles":"point_weizhan_pm25", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/point_weizhan_pm25.sld" |
| | | }, |
| | | center: {"lat":30.429987,"lng":121.590473,"alt":58635,"heading":359,"pitch":-40}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_1006_roadsection.on(mars3d.EventType.click, function (event) { |
| | | layer_1003_jiance.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_1006_roadsection); |
| | | map.addLayer(layer_1003_jiance); |
| | | |
| | | } |
| | | |
| | | |
| | | function addRoadLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_1005_roadsection = new mars3d.layer.WmsLayer({ |
| | | pid: 99, |
| | | name: "上海市道路", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_roadsection_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Stayle":"polyline_road_pm25", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polyline_road_pm25.sld" |
| | | }, |
| | | center:{"lat":30.487351,"lng":121.613269,"alt":54033,"heading":359,"pitch":-40}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_1005_roadsection.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_1005_roadsection); |
| | | |
| | | } |
| | | |
| | | |
| | | |
| | | function addJichangLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100600_jichang = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "机场", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100600_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center: {"lat":30.756467,"lng":121.614552,"alt":73242,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100600_jichang.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100600_jichang); |
| | | |
| | | } |
| | | |
| | | function addMatouLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100601_matou = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "码头", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100601_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center: {"lat":30.577234,"lng":121.664644,"alt":84121,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100601_matou.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100601_matou); |
| | | |
| | | } |
| | | |
| | | function addHuanxianLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100602_huanxian = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "环线", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100602_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center: {"lat":30.687288,"lng":121.623785,"alt":88144,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100602_huanxian.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100602_huanxian); |
| | | |
| | | } |
| | | |
| | | |
| | | function addYuanyuLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100603_yuanqu = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "工业园区", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100603_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center:{"lat":30.393398,"lng":121.534777,"alt":91038,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100603_yuanqu.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100603_yuanqu); |
| | | |
| | | } |
| | | |
| | | function addJinboLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100604_jinbo = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "进博会", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100604_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center: {"lat":30.839605,"lng":121.372945,"alt":52000,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100604_jinbo.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100604_jinbo); |
| | | |
| | | } |
| | | |
| | | function addBianjieLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100605_bianjie = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "边界", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100605_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center: {"lat":30.880665,"lng":121.305298,"alt":69363,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100605_bianjie.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100605_bianjie); |
| | | |
| | | } |
| | | |
| | | function addQuanLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100607_quan = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "宝山圈", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100607_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_co.sld" |
| | | }, |
| | | center:{"lat":30.736361,"lng":121.566128,"alt":83811,"heading":360,"pitch":-56}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100607_quan.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100607_quan); |
| | | |
| | | } |
| | | |
| | | |
| | | function addXinzhenquLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100610_qu = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "行政区", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100610_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Stayle":"polyline_road_pm25", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_pm25.sld" |
| | | }, |
| | | center:{"lat":30.594533,"lng":121.581681,"alt":93405,"heading":359,"pitch":-61}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100610_qu.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100610_qu); |
| | | |
| | | } |
| | | |
| | | |
| | | function addJiedaoLayer() { |
| | | |
| | | //方式2:在创建地球后调用addLayer添加图层(直接new对应type类型的图层类) |
| | | layer_100611_jiedao = new mars3d.layer.WmsLayer({ |
| | | // id : 10, |
| | | pid: 1006, |
| | | name: "街道", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_region_100611_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Stayle":"polyline_road_pm25", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/polygon_region_pm25.sld" |
| | | }, |
| | | center: {"lat":30.466245,"lng":121.562803,"alt":107679,"heading":356,"pitch":-58}, |
| | | getFeatureInfoParameters: { |
| | | feature_count: 10 |
| | | }, |
| | | //单击高亮及其样式 |
| | | highlight: { |
| | | type: "wallP", |
| | | diffHeight: 300, |
| | | material: mars3d.MaterialUtil.createMaterial(mars3d.MaterialType.LineFlow, { |
| | | image: "img/textures/fence.png", |
| | | color: "#ffff00", |
| | | speed: 10, //速度,建议取值范围1-100 |
| | | axisY: true, |
| | | }), |
| | | }, |
| | | popup: "all", |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | flyTo: true |
| | | }); |
| | | |
| | | //单击事件 |
| | | layer_100611_jiedao.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_100611_jiedao); |
| | | |
| | | } |
| | | |
| | | |
| | | |
| | | ///////// |
| | | function addMaskShanghai() { |
| | | |
| | | //geojson 合肥边界线 |
| | |
| | | |
| | | } |
| | | |
| | | function addGridLayers() { |
| | | function addGrid5Layers() { |
| | | |
| | | layer_grid_5000 = new mars3d.layer.WmsLayer({ |
| | | pid: 99, |
| | | name: "网格图层5000", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_grid1000_hour", |
| | | layers: "konglu_58:vis_grid5000_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Stayle":"vis_grid100_1000_5000_co", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/vis_grid1000_5000_co.sld" |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/vis_grid100_1000_5000_co.sld" |
| | | }, |
| | | show: false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | }); |
| | | map.addLayer(layer_grid_5000); |
| | | |
| | | layer_grid_5000.reloadLayers = function (){ |
| | | layer_grid_5000.options.layers ="konglu_58:vis_grid1000_day"; |
| | | layer_grid_5000.options.layers ="konglu_58:vis_grid5000_day"; |
| | | layer_grid_5000.options.parameters.sld ="http://127.0.0.1:8080/geoserver/styles/"+layer_grid_5000.options.selectedMapStyleOptions+".sld"; |
| | | layer_grid_5000.options.parameters.viewparams="id1:0;id2:10"; |
| | | console.log(layer_grid_5000); |
| | |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | |
| | | map.addLayer(layer_grid_5000); |
| | | |
| | | } |
| | | function reLoadLayers(){ |
| | | console.log(mars3d.globel_variables.queryDataTStart); |
| | | console.log(mars3d.globel_variables.queryDataType); |
| | | console.log('starting to reload layer .'); |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | function addGrid1Layers() { |
| | | |
| | | layer_grid_1000 = new mars3d.layer.WmsLayer({ |
| | | pid: 99, |
| | | name: "网格图层1000", |
| | | type: "wms", |
| | | url: "http://58.246.27.194:7011/geoserver/konglu_58/wms", |
| | | layers: "konglu_58:vis_grid1000_hour", |
| | | crs: "EPSG:4326", |
| | | parameters: { |
| | | "Stayle":"vis_grid100_1000_5000_co", |
| | | "transparent": "true", |
| | | "format": "image/png", |
| | | "sld": "http://127.0.0.1:8080/geoserver/styles/vis_grid100_1000_5000_co.sld" |
| | | }, |
| | | show:false, |
| | | selectedMapStyleOptions:'pm25', |
| | | hasMapStyleOptions:['pm25','pm10','no','no2','nox','co'], |
| | | |
| | | }); |
| | | map.addLayer(layer_grid_1000); |
| | | |
| | | layer_grid_1000.reloadLayers = function (){ |
| | | layer_grid_1000.options.layers ="konglu_58:vis_grid1000_day"; |
| | | layer_grid_1000.options.parameters.sld ="http://127.0.0.1:8080/geoserver/styles/"+layer_grid_1000.options.selectedMapStyleOptions+".sld"; |
| | | layer_grid_1000.options.parameters.viewparams="id1:0;id2:10"; |
| | | console.log(layer_grid_1000); |
| | | layer_grid_1000.reload(); |
| | | } |
| | | |
| | | //单击事件 |
| | | layer_grid_1000.on(mars3d.EventType.click, function (event) { |
| | | console.log("单击了矢量数据,共" + event.features.length + "条", event); |
| | | }); |
| | | map.addLayer(layer_grid_1000); |
| | | |
| | | |
| | | } |
| | | function refreshWidgets(){ |
| | | console.log(mars3d.globel_variables.queryDataTStart); |
| | | console.log(mars3d.globel_variables.queryDataType); |
| | | console.log('starting to reload widget if widget has been opened.'); |
| | | } |
| | | |
| | | |
| | | |
| | | |
| | | function addFunctionalLayers() { |
| | | |
| | | |
| | | // add mask |
| | | //addMaskShanghai(); |
| | | |
| | | addTDTAnnoLayer(); |
| | | |
| | | // 添加业务图层 |
| | | addguokongLayers(); |
| | | |
| | | addWeizhanLayer(); |
| | | addJianceLayer(); |
| | | addRoadLayer(); |
| | | |
| | | // addRegionLayer(); |
| | | addJichangLayer(); |
| | | addMatouLayer(); |
| | | addHuanxianLayer(); |
| | | addYuanyuLayer(); |
| | | addJinboLayer(); |
| | | addBianjieLayer(); |
| | | addQuanLayer(); |
| | | addXinzhenquLayer(); |
| | | addJiedaoLayer(); |
| | | |
| | | addWindLayer(); |
| | | |
| | | addGridLayers(); |
| | | |
| | | |
| | | |
| | | addGrid5Layers(); |
| | | addGrid1Layers(); |
| | | |
| | | } |
| | | |