地质所 沉降监测网建设项目
chenhuan
2024-05-17 f95c2cc9d70420202c07d469b49303e7b3b0d094
javaweb-plus/javaweb-admin/src/main/resources/static/js/custom/main.js
@@ -1,10 +1,13 @@
$(function() {
   loadMap();
   getReallyData();
   getRegulatoryUnitChartData("","");
   bindEvent();
   //getReallyData();
   //getRegulatoryUnitChartData("","");
   //bindEvent();
})
// 加载地图
var countries = [];
var countriesOverlay = new T.D3Overlay(init,redraw);
var countriesOverlay1 = new T.D3Overlay(init1,redraw1);
function loadMap() {
   let map = new T.Map('map_div');
   map.centerAndZoom(new T.LngLat(116.38, 39.9), 11);
@@ -12,34 +15,65 @@
   var control = new T.Control.Zoom();
   control.setPosition(T_ANCHOR_TOP_RIGHT);
   map.addControl(control);// 添加缩放平移控件
   var scale = new T.Control.Scale();// 创建比例尺控件对象
   var ctrl = new T.Control.MapType();
   ctrl.setPosition(T_ANCHOR_BOTTOM_RIGHT);
   // 添加控件
   map.addControl(ctrl);
   d3.json("/bjfw/js/custom/beijing.json", function (data) {
      countries = data.features;
      map.addOverLay(countriesOverlay)
      countriesOverlay.bringToBack();
      map.addOverLay(countriesOverlay1)
      countriesOverlay.bringToBack();
   });
}
function init(sel, transform) {
   var upd = sel.selectAll('path.geojson').data(countries);
   upd.enter()
      .append('path')
      .attr("class", "geojson")
      .attr('stroke', 'grey')
      .attr('fill', function (d, i) {
         //return d3.hsl(Math.random() * 360, 0.9, 0.5)
         return "transparent"
      })
      .attr('fill-opacity', '0')
}
function redraw(sel, transform) {
   sel.selectAll('path.geojson').each(
      function (d, i) {
         d3.select(this).attr('d', transform.pathFromGeojson)
      }
   )
}
function init1(sel, transform) {
   var upd = sel.selectAll('path.geojson1').data(countries);
   upd.enter()
      .append('path')
      .attr("class", "geojson1")
      .attr('stroke', 'grey')
      .attr('fill', function (d, i) {
         return d3.hsl(Math.random() * 360, 0.9, 0.5)
      })
      .attr('fill-opacity', '0.1')
}
function redraw1(sel, transform) {
   sel.selectAll('path.geojson1').each(
      function (d, i) {
         d3.select(this).attr('d', transform.pathFromGeojson)
      }
   )
}
// 获取数据库真实数据
function getReallyData() {
   let url = window.location.protocol + "//" + window.location.host + "/bjfw/geotdp/index/indexCollect";
   $.get(url,function(res){
      if(res.status && res.message === "操作成功"){
         let reallyData = {
            "project-num" : res.result.projectNum,
            "all-project-num" : res.result.allProjectNum,
            "enterprise-num" : res.result.companyNum,
            "all-enterprise-num" : res.result.allCompanyNum,
            "exploration-num" : res.result.holeNum,
            "all-exploration-num" : res.result.allHoleNum,
            "jinchi-num" : Number(res.result.jinChiNum),
            "all-jinchi-num" : Number(res.result.allJinChiNum),
            "abnormal-num" : res.result.exceptionNum,
            "all-abnormal-num" : res.result.allExceptionNum
         }
         pageAssignment(reallyData);
      }else{
         $.modal.alertError("请求出错");
      }
   })
}
// 页面数据赋值