|  | @@ -130,15 +130,15 @@
 | 
	
		
			
				|  |  |                                  <div class="center-di">
 | 
	
		
			
				|  |  |                                      <div class="card bg-dark height-100">
 | 
	
		
			
				|  |  |                                          <div class="jlchart" data-chart-num="1" id="jlchart" style="height: 100%; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 1) { %>display:none;<% } %>"></div>
 | 
	
		
			
				|  |  | -                                        <div class="di-content mb-2" style="background: #343A40; <% if (ctx.session.sessionProject.dataCollect === 2) { %>display:none;<% } %>">
 | 
	
		
			
				|  |  | +                                        <div class="di-content mb-2" id="map1" style="background: #343A40; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 2) { %>display:none;<% } %>">
 | 
	
		
			
				|  |  |                                          </div>
 | 
	
		
			
				|  |  |                                      </div>
 | 
	
		
			
				|  |  |                                  </div>
 | 
	
		
			
				|  |  |                                  <div class="center-chart">
 | 
	
		
			
				|  |  |                                      <div class="card height-100 bg-dark mt-2">
 | 
	
		
			
				|  |  |                                          <div class="jlchart" data-chart-num="2" id="jlchart" style="height: 100%; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 2) { %>display:none;<% } %>"></div>
 | 
	
		
			
				|  |  | -                                        <div class="di-content mb-2">
 | 
	
		
			
				|  |  | -                                            <div class="jldbchart" data-chart-num="1" id="jldbchart" style="height: 100%; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 1) { %>display:none;<% } %>"></div>
 | 
	
		
			
				|  |  | +                                        <div class="di-content mb-2" <% if (ctx.session.sessionProject.dataCollect === 1) { %>style="display:none;"<% } %>>
 | 
	
		
			
				|  |  | +                                            <div class="jldbchart" data-chart-num="1" id="jldbchart" style="height: 100%; width: 100%;"></div>
 | 
	
		
			
				|  |  |                                          </div>
 | 
	
		
			
				|  |  |                                      </div>
 | 
	
		
			
				|  |  |                                  </div>
 | 
	
	
		
			
				|  | @@ -425,7 +425,7 @@
 | 
	
		
			
				|  |  |                                      <div class="height-60 mt-2">
 | 
	
		
			
				|  |  |                                          <div class="card height-100 bg-dark">
 | 
	
		
			
				|  |  |                                              <div class="jldbchart" data-chart-num="2" id="jldbchart" style="height: 100%; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 3) { %>display:none;<% } %>"></div>
 | 
	
		
			
				|  |  | -                                            <div class="di-content mb-2" style="height: 100%; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 4) { %>display:none;<% } %>"></div>
 | 
	
		
			
				|  |  | +                                            <div class="di-content mb-2" id="map2" style="height: 100%; width: 100%; <% if (ctx.session.sessionProject.dataCollect === 4) { %>display:none;<% } %>"></div>
 | 
	
		
			
				|  |  |                                          </div>
 | 
	
		
			
				|  |  |                                      </div>
 | 
	
		
			
				|  |  |                                      <div class="height-36 mt-2">
 | 
	
	
		
			
				|  | @@ -1103,9 +1103,20 @@
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |      });
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  | +<script src="/public/js/map/turf.min.js"></script>
 | 
	
		
			
				|  |  | +<script src="/public/js/map/gcoord.js"></script>
 | 
	
		
			
				|  |  | +<!--<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=C3hLZAjuWTaCdwnwoYY83APrwlPEj4v7"></script>-->
 | 
	
		
			
				|  |  |  <script>
 | 
	
		
			
				|  |  | +    function loadScript() {
 | 
	
		
			
				|  |  | +        var script = document.createElement("script");
 | 
	
		
			
				|  |  | +        script.src = "https://api.map.baidu.com/api?v=1.0&type=webgl&ak=C3hLZAjuWTaCdwnwoYY83APrwlPEj4v7&callback=initialize";
 | 
	
		
			
				|  |  | +        document.body.appendChild(script);
 | 
	
		
			
				|  |  | +    }
 | 
	
		
			
				|  |  | +    window.onload = loadScript;
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  |      const originDataCollect = parseInt('<%- ctx.session.sessionProject.dataCollect %>');
 | 
	
		
			
				|  |  |      const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
 | 
	
		
			
				|  |  | +    const mapJson = JSON.parse(unescape('<%- escape(JSON.stringify(map_json)) %>'));
 | 
	
		
			
				|  |  |      let tenders = '';
 | 
	
		
			
				|  |  |      // let noticeList = '';
 | 
	
		
			
				|  |  |      $(function () {
 | 
	
	
		
			
				|  | @@ -1376,7 +1387,6 @@
 | 
	
		
			
				|  |  |                  // chart_option4_data 排序
 | 
	
		
			
				|  |  |                  const new_chart_option4_data = _.sortBy(chart_option4_data, 'yearmonth');
 | 
	
		
			
				|  |  |                  for (const [i,c4] of new_chart_option4_data.entries()) {
 | 
	
		
			
				|  |  | -                    console.log(c4);
 | 
	
		
			
				|  |  |                      option4_data.yearmonth.push(c4.yearmonth);
 | 
	
		
			
				|  |  |                      option4_data.tp.push(c4.tp);
 | 
	
		
			
				|  |  |                      if(i !== 0) {
 | 
	
	
		
			
				|  | @@ -1394,6 +1404,26 @@
 | 
	
		
			
				|  |  |              option4.series[1].data = option4_data.end_tp;
 | 
	
		
			
				|  |  |              myChart4_1.setOption(option4);
 | 
	
		
			
				|  |  |              myChart4_2.setOption(option4);
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            // 地图设置
 | 
	
		
			
				|  |  | +            // const polyLineList = [];
 | 
	
		
			
				|  |  | +            const centerPoint = { lng: mapJson.lng, lat: mapJson.lat };
 | 
	
		
			
				|  |  | +            let level = mapJson.level;
 | 
	
		
			
				|  |  | +            // 初始化地图,设置中心点坐标和地图级别
 | 
	
		
			
				|  |  | +            const map1 = new BMapGL.Map("map1");
 | 
	
		
			
				|  |  | +            const map2 = new BMapGL.Map("map2");
 | 
	
		
			
				|  |  | +            const point = new BMapGL.Point(centerPoint.lng, centerPoint.lat);
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +            // 创建地图实例
 | 
	
		
			
				|  |  | +            map1.centerAndZoom(point, level);
 | 
	
		
			
				|  |  | +            map1.enableScrollWheelZoom(true);
 | 
	
		
			
				|  |  | +            map1.setMapStyleV2({styleId: '20d4aea41cf71387395f2dc835f1c4b6'});
 | 
	
		
			
				|  |  | +            // 创建地图实例
 | 
	
		
			
				|  |  | +            map2.centerAndZoom(point, level);
 | 
	
		
			
				|  |  | +            map2.enableScrollWheelZoom(true);
 | 
	
		
			
				|  |  | +            map2.setMapStyleV2({styleId: '20d4aea41cf71387395f2dc835f1c4b6'});
 | 
	
		
			
				|  |  | +            map1.reset();
 | 
	
		
			
				|  |  | +            map2.reset();
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |          $('.change-collect').on('click', function () {
 | 
	
	
		
			
				|  | @@ -1555,5 +1585,4 @@
 | 
	
		
			
				|  |  |              return 100;
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |  </script>
 |