Merge branch 'master' of ssh://117.78.1.188:29418/dkyChenJiang

zmk

2024-05-17 5e697a70c7e49e18bc3bc2f75c2e9ad5bda17489

 javaweb-plus/javaweb-admin/src/main/resources/static/js/custom/main.js

@@ -1,43 +1,95 @@
$(function() {
   loadMap();
   //getReallyData();
   getReallyData();
   //getRegulatoryUnitChartData("","");
   //bindEvent();
})
// 加载地图
let map=null;
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 = new T.Map('map_div');
   map.centerAndZoom(new T.LngLat(116.38, 39.9), 11);

   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);


   // const sourceGeoJson = new VectorSource({
   //    format: new GeoJSON(),
   //    url:'/beijing.geojson'
   // });
   //
   // const layerGeoJson = new VectorLayer({
   //    source:sourceGeoJson,
   // });
   //
   // map.addLayer(layerGeoJson);
   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";
   let url = window.location.protocol + "//" + window.location.host + "/bjfw/system/project";
   $.get(url,function(res){

      var data = res.projects;
      showProjectPoint(data);
   })
}
//地图上展示项目点
function showProjectPoint(data){
   var projectIcon = new T.Icon({
      iconUrl: '/bjfw/images/icons/6.png',
      iconSize: new T.Point(30, 30),
      iconAnchor: new T.Point(6, 40),
   });
   var centerMarker = new T.Marker(new T.LngLat(center.lng, center.lat), { title: "项目",icon:icon});

   var proj = infoWindowProject(onProject);
   addClickHandler(proj, centerMarker);
}
// 页面数据赋值
function pageAssignment(reallyData) {
   for ( let key in reallyData) {