fzzy-igdss.git - Gitblit

jiazx0107

2025-11-21 627102d309792609005045088af5c009ca3368f2

提交GIS首页2

已修改3个文件

已添加1个文件

	fzzy-igdss-web/src/main/resources/static/group/gis-index.js	16 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	fzzy-igdss-web/src/main/resources/static/group/master.css	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	fzzy-igdss-web/src/main/resources/templates/group/gis-index-bak3.html	414 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	fzzy-igdss-web/src/main/resources/templates/group/gis-index.html	24 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 fzzy-igdss-web/src/main/resources/static/group/gis-index.js

@@ -27,14 +27,14 @@
    initMap();

    //å·¦ä¾§å¾è¡¨
/*    pieChartLoad(
    pieChartLoad(
        [
            {value: "0.000", name: 'ç¨»è°·'},
            {value: "0.000", name: 'çç±³'},
            {value: "0.000", name: 'å°éº¦'}
        ],
        'breedChart'
    );*/
    );

    //æ¸²æé¨é¨
    //renderDepts();
@@ -42,9 +42,9 @@
    //å¤§å±æ è¯
    //initDicSlogan();

    //renderAreas(610000);
    //renderAreas(654000);
    setTimeout(function () {
         renderAreas(610000);
         renderAreas(654000);
    }, 2000);

});
@@ -60,8 +60,8 @@

function initMap() {
    map = new AMap.Map('map_container', {
        center: [108.953544, 34.265892],
        zoom: 6.6,
        center: [81.323691, 43.917106],
        zoom: 9,
        mapStyle: 'amap://styles/41f8248740d3659ddc65dc363078592c',
        // rotateEnable:true,
        // pitchEnable:true,
@@ -105,7 +105,7 @@


    //é»è®¤è¡æ¿åºåç¼ç 
    //renderColor(defaultAreaCode);
    renderColor(defaultAreaCode);
}

//socketä¿¡æ¯è¿åèç
@@ -179,7 +179,7 @@
        }
        //å·æ°æ°æ®
        county = deptId;
        ajaxFoodNum();
       // ajaxFoodNum();
    } else {
        console.log("æ²¡æè·åå°è¯¥è¡æ¿åºå:" + deptId);
    }

 fzzy-igdss-web/src/main/resources/static/group/master.css

@@ -42,8 +42,8 @@

.container {
    overflow: hidden;
    height: 1080px;
    width: 1920px;
/*    height: 1080px;
    width: 1920px;*/
    position: relative;
    background: url(../group/img/i-body.png) center top no-repeat;
    background-size: 100% 100%;

 fzzy-igdss-web/src/main/resources/templates/group/gis-index-bak3.html

¶Ô±ÈÐÂÎÄ¼þ
@@ -0,0 +1,414 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta name="renderer" content="webkit">
    <title>æºæ§ç²®åºç®¡çç³»ç»</title>

    <link rel="stylesheet" type="text/css" th:href="@{/group/pc-reset.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/group/master.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/group/gis.css}" />
    <style>
        .anchorBL,
        .BMap_cpyCtrl.anchorBL {
            display: none !important;
        }

        .BMap_bubble_pop {
            background: url(/static/group/img/sup-popBg2.png) no-repeat;
            background-size: 100% 100%;
            padding: 3px 20px 30px 20px !important;
            background-color: transparent !important;
            border: 0 !important;
            box-sizing: border-box;
            overflow: hidden;
        }

        /*å°å¾æ é¢*/
        .BMap_bubble_top {
            display: none !important;
        }

        /* æ¶æ¯åå®¹ */
        .BMap_bubble_center {
            background: transparent !important;
            box-sizing: border-box;
            overflow: hidden;
        }

        /* å·¦ä¸è§å é¤æé® */
        .BMap_bubble_pop>img {
            display: none !important;
            top: -99999px !important;
        }
    </style>
</head>

<body>

<div class="container">
    <div class="i-top">
        <h1 class="i-top-tit"><span>ççº§å¨å¤ç²®çç®¡å¹³å°</span></h1>
        <p  class="i-top-p" id="sloganText">ä¸å¿åå¿ï¼ç¢è®°ä½¿å½ï¼ä¸ºä¸å½äººæ°è°å¹¸ç¦ï¼ä¸ºä¸åæ°æè°å¤å´</p>
        <div class="i-navBar">
            <a href="javaScript:;" onclick="changePage('index')" class="i-nav1">é¦é¡µ</a>
            <a href="javaScript:;" onclick="changePage('amount')" class="i-nav2">æ°éæ»è§</a>
            <a href="javaScript:;" onclick="changePage('gis')" class="i-nav3 active">GISçç®¡</a>
            <a href="javaScript:;" onclick="changePage('plan')" class="i-nav4">è½®æ¢çç®¡</a>
            <a href="javaScript:;" onclick="changePage('ai')" class="i-nav5">é¢è¦åæ</a>
            <a href="javaScript:;" onclick="changePage('video')" class="i-nav6">è§é¢è½®æ¢</a>
            <a href="javaScript:;" onclick="changePage('home')" class="i-nav7">åå°ç®¡ç</a>
        </div>
        <div class="date-time-module">
            <span id="navBarTime"></span>
            <div class="i-top-date">
                <span id="navBarDate"></span>
                <span id="navBarWeek"></span>
            </div>
        </div>
        <!-- <div id="data"></div> -->

    </div><!--i-top end-->

    <div class="c-main cl">
        <div class="c-cen" id="map_container">
            <!--                <img src="../images/visual/c-map.png" alt="">-->
        </div>
        <div class="c-left">
            <div class="o-btn">
                <img src="/group/img/c-btn1.png">
                <!--<img th:src="@{/static/group/img/c-btn1.png}"/>-->
            </div>
            <div class="inner">
                <div class="close"></div>
                <div class="m-box1">
                    <div class="l">
                        <div class="chartbox">
                            <div class="chart" id="breedChart"></div>
                            <div class="txt">
                                <div class="n" id="foodSum">1433331 </div>
                                <div class="p">å¨ </div>
                            </div>
                        </div>
                    </div>
                    <div class="r">
                        <ul class="ul-listb1" id="foodNumPer">
                            <li>
                                <div class="con" style="background-color: rgba(0, 228, 250,.05);">
                                    <div class="dot" style="background-color: rgb(0, 228, 250);"></div>
                                    <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
                                    <div class="type">æ··åå°éº¦</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(22, 226, 173,.05);">
                                    <div class="dot" style="background-color: rgb(22, 226, 173);"></div>
                                    <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
                                    <div class="type">å°éº¦</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(255, 181, 23,.05);">
                                    <div class="dot" style="background-color: rgb(255, 181, 23);"></div>
                                    <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
                                    <div class="type">çç±³</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(238, 60, 72,.05);">
                                    <div class="dot" style="background-color: rgb(238, 60, 72);"></div>
                                    <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
                                    <div class="type">ç¨»è°·</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(135, 103, 255,.05);">
                                    <div class="dot" style="background-color: rgb(135, 103, 255);"></div>
                                    <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
                                    <div class="type">éç¨</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(41, 122, 255,.05);">
                                    <div class="dot" style="background-color: rgb(41, 122, 255);"></div>
                                    <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
                                    <div class="type">è¦èéº¦</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(238, 60, 144,.05);">
                                    <div class="dot" style="background-color: rgb(238, 60, 144);"></div>
                                    <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
                                    <div class="type">å¤§è±</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(0, 228, 250,.05);">
                                    <div class="dot" style="background-color: rgb(0, 228, 250);"></div>
                                    <div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
                                    <div class="type">æ··åå°éº¦</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(22, 226, 173,.05);">
                                    <div class="dot" style="background-color: rgb(22, 226, 173);"></div>
                                    <div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
                                    <div class="type">å°éº¦</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(255, 181, 23,.05);">
                                    <div class="dot" style="background-color: rgb(255, 181, 23);"></div>
                                    <div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
                                    <div class="type">çç±³</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(238, 60, 72,.05);">
                                    <div class="dot" style="background-color: rgb(238, 60, 72);"></div>
                                    <div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
                                    <div class="type">ç¨»è°·</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(135, 103, 255,.05);">
                                    <div class="dot" style="background-color: rgb(135, 103, 255);"></div>
                                    <div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
                                    <div class="type">éç¨</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(41, 122, 255,.05);">
                                    <div class="dot" style="background-color: rgb(41, 122, 255);"></div>
                                    <div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
                                    <div class="type">è¦èéº¦</div>
                                </div>
                            </li>
                            <li>
                                <div class="con" style="background-color: rgba(238, 60, 144,.05);">
                                    <div class="dot" style="background-color: rgb(238, 60, 144);"></div>
                                    <div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
                                    <div class="type">å¤§è±</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="m-box2">
                    <div class="item">

                        <div class="bot">
                            <div class="chart" id="ss"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="c-right">
            <div class="o-btn">
                <img src="/group/img/c-btn2.png"/>
                <!--<img th:src="@{/static/group/img/c-btn2.png}"/>-->
            </div>
            <div class="inner">
                <div class="close"></div>
                <div class="m-nav" id="menuDiv">
                    <div class="con">
                        <div class="tit">
                            <div class="arr"></div>
                            <a href="javascript:;" class="v1"><i class="icon"></i><b class="t">éè¥¿ç</b></a>
                        </div>
                        <div class="sub two">
                            <div class="con">
                                <div class="tit">
                                    <div class="arr"></div>
                                    <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
                                </div>
                                <div class="sub three">
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
                                                å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
                                                å¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
                                                å¨å¤æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
                                                ç²®åºæéå¬å¸</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="con">
                                <div class="tit">
                                    <div class="arr"></div>
                                    <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
                                </div>
                                <div class="sub three">
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
                                                å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
                                                å¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
                                                å¨å¤æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
                                                ç²®åºæéå¬å¸</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="con">
                        <div class="tit">
                            <div class="arr"></div>
                            <a href="javascript:;" class="v1"><i class="icon"></i><b class="t">éè¥¿ç</b></a>
                        </div>
                        <div class="sub two">
                            <div class="con">
                                <div class="tit">
                                    <div class="arr"></div>
                                    <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
                                </div>
                                <div class="sub three">
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
                                                å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
                                                å¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
                                                å¨å¤æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
                                                ç²®åºæéå¬å¸</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="con">
                                <div class="tit">
                                    <div class="arr"></div>
                                    <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
                                </div>
                                <div class="sub three">
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
                                                å¤åä¸è·¯æååº</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
                                                å¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
                                                å¨å¤æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
                                    </div>
                                    <div class="tit">
                                        <a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
                                                ç²®åºæéå¬å¸</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div><!--i-main end-->

</div>

<script>
    window._AMapSecurityConfig = {
        securityJsCode:'39051edca2c561cb80d8f49b4624ab17',
    }
</script>
<script th:inline="javascript">
    var userId = null;
    var companyId = "1000";
    var deptId = null;
    var depts = null;
    var allDept = null;
    var deptAreas =null;
    var dicSlogan =null;
</script>

<script th:src="@{https://webapi.amap.com/maps?v=2.0&key=5249315a4ba00ea7212898d4449b8c0e&plugin=AMap.DistrictSearch}" src="https://webapi.amap.com/maps?v=2.0&key=5249315a4ba00ea7212898d4449b8c0e"></script>
<!-- UIç»ä»¶åº 1.0 -->
<script th:src="@{https://webapi.amap.com/ui/1.1/main.js?v=1.1.1}" src="//webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>

<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/ajax/libs/echarts/echarts.min.js}"></script>
<script th:src="@{/group/gis-index.js}"></script>
<script th:src="@{/group/gis-map.js}"></script>
<script th:src="@{/group/gis-common.js}"></script>
<script th:src="@{/group/gis-chart.js}"></script>
</body>

</html>

 fzzy-igdss-web/src/main/resources/templates/group/gis-index.html

@@ -49,28 +49,6 @@
<body>

<div class="container">
    <div class="i-top">
        <h1 class="i-top-tit"><span>ççº§å¨å¤ç²®çç®¡å¹³å°</span></h1>
        <p  class="i-top-p" id="sloganText">ä¸å¿åå¿ï¼ç¢è®°ä½¿å½ï¼ä¸ºä¸å½äººæ°è°å¹¸ç¦ï¼ä¸ºä¸åæ°æè°å¤å´</p>
        <div class="i-navBar">
            <a href="javaScript:;" onclick="changePage('index')" class="i-nav1">é¦é¡µ</a>
            <a href="javaScript:;" onclick="changePage('amount')" class="i-nav2">æ°éæ»è§</a>
            <a href="javaScript:;" onclick="changePage('gis')" class="i-nav3 active">GISçç®¡</a>
            <a href="javaScript:;" onclick="changePage('plan')" class="i-nav4">è½®æ¢çç®¡</a>
            <a href="javaScript:;" onclick="changePage('ai')" class="i-nav5">é¢è¦åæ</a>
            <a href="javaScript:;" onclick="changePage('video')" class="i-nav6">è§é¢è½®æ¢</a>
            <a href="javaScript:;" onclick="changePage('home')" class="i-nav7">åå°ç®¡ç</a>
        </div>
        <div class="date-time-module">
            <span id="navBarTime"></span>
            <div class="i-top-date">
                <span id="navBarDate"></span>
                <span id="navBarWeek"></span>
            </div>
        </div>
        <!-- <div id="data"></div> -->

    </div><!--i-top end-->

    <div class="c-main cl">
        <div class="c-cen" id="map_container">
@@ -88,7 +66,7 @@
                        <div class="chartbox">
                            <div class="chart" id="breedChart"></div>
                            <div class="txt">
                                <div class="n" id="foodSum">1433331 </div>
                                <div class="n" id="foodSum">14258 </div>
                                <div class="p">å¨ </div>
                            </div>
                        </div>

			@@ -27,14 +27,14 @@
			initMap();

			//å·¦ä¾§å¾è¡¨
			/* pieChartLoad(
			pieChartLoad(
			[
			{value: "0.000", name: 'ç¨»è°·'},
			{value: "0.000", name: 'çç±³'},
			{value: "0.000", name: 'å°éº¦'}
			],
			'breedChart'
			);*/
			);

			//æ¸²æé¨é¨
			//renderDepts();
			@@ -42,9 +42,9 @@
			//å¤§å±æ è¯
			//initDicSlogan();

			//renderAreas(610000);
			//renderAreas(654000);
			setTimeout(function () {
			renderAreas(610000);
			renderAreas(654000);
			}, 2000);

			});
			@@ -60,8 +60,8 @@

			function initMap() {
			map = new AMap.Map('map_container', {
			center: [108.953544, 34.265892],
			zoom: 6.6,
			center: [81.323691, 43.917106],
			zoom: 9,
			mapStyle: 'amap://styles/41f8248740d3659ddc65dc363078592c',
			// rotateEnable:true,
			// pitchEnable:true,
			@@ -105,7 +105,7 @@


			//é»è®¤è¡æ¿åºåç¼ç
			//renderColor(defaultAreaCode);
			renderColor(defaultAreaCode);
			}

			//socketä¿¡æ¯è¿åèç
			@@ -179,7 +179,7 @@
			}
			//å·æ°æ°æ®
			county = deptId;
			ajaxFoodNum();
			// ajaxFoodNum();
			} else {
			console.log("æ²¡æè·åå°è¯¥è¡æ¿åºå:" + deptId);
			}

			@@ -42,8 +42,8 @@

			.container {
			overflow: hidden;
			height: 1080px;
			width: 1920px;
			/* height: 1080px;
			width: 1920px;*/
			position: relative;
			background: url(../group/img/i-body.png) center top no-repeat;
			background-size: 100% 100%;

¶Ô±ÈÐÂÎÄ¼þ
			@@ -0,0 +1,414 @@
			<!DOCTYPE html>
			<html lang="zh-CN">
			<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
			<meta name="renderer" content="webkit">
			<title>æºæ§ç²®åºç®¡çç³»ç»</title>

			<link rel="stylesheet" type="text/css" th:href="@{/group/pc-reset.css}" />
			<link rel="stylesheet" type="text/css" th:href="@{/group/master.css}" />
			<link rel="stylesheet" type="text/css" th:href="@{/group/gis.css}" />
			<style>
			.anchorBL,
			.BMap_cpyCtrl.anchorBL {
			display: none !important;
			}

			.BMap_bubble_pop {
			background: url(/static/group/img/sup-popBg2.png) no-repeat;
			background-size: 100% 100%;
			padding: 3px 20px 30px 20px !important;
			background-color: transparent !important;
			border: 0 !important;
			box-sizing: border-box;
			overflow: hidden;
			}

			/å°å¾æ é¢/
			.BMap_bubble_top {
			display: none !important;
			}

			/* æ¶æ¯åå®¹ */
			.BMap_bubble_center {
			background: transparent !important;
			box-sizing: border-box;
			overflow: hidden;
			}

			/* å·¦ä¸è§å é¤æé® */
			.BMap_bubble_pop>img {
			display: none !important;
			top: -99999px !important;
			}
			</style>
			</head>

			<body>

			<div class="container">
			<div class="i-top">
			<h1 class="i-top-tit"><span>ççº§å¨å¤ç²®çç®¡å¹³å°</span></h1>
			<p class="i-top-p" id="sloganText">ä¸å¿åå¿ï¼ç¢è®°ä½¿å½ï¼ä¸ºä¸å½äººæ°è°å¹¸ç¦ï¼ä¸ºä¸åæ°æè°å¤å´</p>
			<div class="i-navBar">
			<a href="javaScript:;" onclick="changePage('index')" class="i-nav1">é¦é¡µ</a>
			<a href="javaScript:;" onclick="changePage('amount')" class="i-nav2">æ°éæ»è§</a>
			<a href="javaScript:;" onclick="changePage('gis')" class="i-nav3 active">GISçç®¡</a>
			<a href="javaScript:;" onclick="changePage('plan')" class="i-nav4">è½®æ¢çç®¡</a>
			<a href="javaScript:;" onclick="changePage('ai')" class="i-nav5">é¢è¦åæ</a>
			<a href="javaScript:;" onclick="changePage('video')" class="i-nav6">è§é¢è½®æ¢</a>
			<a href="javaScript:;" onclick="changePage('home')" class="i-nav7">åå°ç®¡ç</a>
			</div>
			<div class="date-time-module">
			<span id="navBarTime"></span>
			<div class="i-top-date">
			<span id="navBarDate"></span>
			<span id="navBarWeek"></span>
			</div>
			</div>
			<!-- <div id="data"></div> -->

			</div><!--i-top end-->

			<div class="c-main cl">
			<div class="c-cen" id="map_container">
			<!-- <img src="../images/visual/c-map.png" alt="">-->
			</div>
			<div class="c-left">
			<div class="o-btn">
			<img src="/group/img/c-btn1.png">
			<!--<img th:src="@{/static/group/img/c-btn1.png}"/>-->
			</div>
			<div class="inner">
			<div class="close"></div>
			<div class="m-box1">
			<div class="l">
			<div class="chartbox">
			<div class="chart" id="breedChart"></div>
			<div class="txt">
			<div class="n" id="foodSum">1433331 </div>
			<div class="p">å¨ </div>
			</div>
			</div>
			</div>
			<div class="r">
			<ul class="ul-listb1" id="foodNumPer">
			<li>
			<div class="con" style="background-color: rgba(0, 228, 250,.05);">
			<div class="dot" style="background-color: rgb(0, 228, 250);"></div>
			<div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
			<div class="type">æ··åå°éº¦</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(22, 226, 173,.05);">
			<div class="dot" style="background-color: rgb(22, 226, 173);"></div>
			<div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
			<div class="type">å°éº¦</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(255, 181, 23,.05);">
			<div class="dot" style="background-color: rgb(255, 181, 23);"></div>
			<div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
			<div class="type">çç±³</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(238, 60, 72,.05);">
			<div class="dot" style="background-color: rgb(238, 60, 72);"></div>
			<div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
			<div class="type">ç¨»è°·</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(135, 103, 255,.05);">
			<div class="dot" style="background-color: rgb(135, 103, 255);"></div>
			<div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
			<div class="type">éç¨</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(41, 122, 255,.05);">
			<div class="dot" style="background-color: rgb(41, 122, 255);"></div>
			<div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
			<div class="type">è¦èéº¦</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(238, 60, 144,.05);">
			<div class="dot" style="background-color: rgb(238, 60, 144);"></div>
			<div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
			<div class="type">å¤§è±</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(0, 228, 250,.05);">
			<div class="dot" style="background-color: rgb(0, 228, 250);"></div>
			<div class="num" style="color: rgb(0, 228, 250);">42.2%</div>
			<div class="type">æ··åå°éº¦</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(22, 226, 173,.05);">
			<div class="dot" style="background-color: rgb(22, 226, 173);"></div>
			<div class="num" style="color: rgb(22, 226, 173);">12.6%</div>
			<div class="type">å°éº¦</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(255, 181, 23,.05);">
			<div class="dot" style="background-color: rgb(255, 181, 23);"></div>
			<div class="num" style="color: rgb(255, 181, 23);">21.0%</div>
			<div class="type">çç±³</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(238, 60, 72,.05);">
			<div class="dot" style="background-color: rgb(238, 60, 72);"></div>
			<div class="num" style="color: rgb(238, 60, 72);">5.8%</div>
			<div class="type">ç¨»è°·</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(135, 103, 255,.05);">
			<div class="dot" style="background-color: rgb(135, 103, 255);"></div>
			<div class="num" style="color: rgb(135, 103, 255);">0.9%</div>
			<div class="type">éç¨</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(41, 122, 255,.05);">
			<div class="dot" style="background-color: rgb(41, 122, 255);"></div>
			<div class="num" style="color: rgb(41, 122, 255);">10.2%</div>
			<div class="type">è¦èéº¦</div>
			</div>
			</li>
			<li>
			<div class="con" style="background-color: rgba(238, 60, 144,.05);">
			<div class="dot" style="background-color: rgb(238, 60, 144);"></div>
			<div class="num" style="color: rgb(238, 60, 144);">16.2%</div>
			<div class="type">å¤§è±</div>
			</div>
			</li>
			</ul>
			</div>
			</div>
			<div class="m-box2">
			<div class="item">

			<div class="bot">
			<div class="chart" id="ss"></div>
			</div>
			</div>
			</div>
			</div>
			</div>

			<div class="c-right">
			<div class="o-btn">
			<img src="/group/img/c-btn2.png"/>
			<!--<img th:src="@{/static/group/img/c-btn2.png}"/>-->
			</div>
			<div class="inner">
			<div class="close"></div>
			<div class="m-nav" id="menuDiv">
			<div class="con">
			<div class="tit">
			<div class="arr"></div>
			<a href="javascript:;" class="v1"><i class="icon"></i><b class="t">éè¥¿ç</b></a>
			</div>
			<div class="sub two">
			<div class="con">
			<div class="tit">
			<div class="arr"></div>
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
			</div>
			<div class="sub three">
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
			å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
			å¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
			å¨å¤æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
			ç²®åºæéå¬å¸</span></a>
			</div>
			</div>
			</div>
			<div class="con">
			<div class="tit">
			<div class="arr"></div>
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
			</div>
			<div class="sub three">
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
			å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
			å¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
			å¨å¤æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
			ç²®åºæéå¬å¸</span></a>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div class="con">
			<div class="tit">
			<div class="arr"></div>
			<a href="javascript:;" class="v1"><i class="icon"></i><b class="t">éè¥¿ç</b></a>
			</div>
			<div class="sub two">
			<div class="con">
			<div class="tit">
			<div class="arr"></div>
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
			</div>
			<div class="sub three">
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
			å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
			å¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
			å¨å¤æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
			ç²®åºæéå¬å¸</span></a>
			</div>
			</div>
			</div>
			<div class="con">
			<div class="tit">
			<div class="arr"></div>
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸</span></a>
			</div>
			<div class="sub three">
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æå¬å¸
			å¤åä¸è·¯æååº</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">éè¥¿åç²®ä¾åºéå¢æ
			å¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸é«éµåºå¥ä¹ç²®
			å¨å¤æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ç¾¤ä¼é¢ç²å</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®ç±èæ²¹èæéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®è¥¿ç²®å®ä¸æéå¬å¸</span></a>
			</div>
			<div class="tit">
			<a href="javascript:;" class="v1"><i class="icon"></i><span class="t">è¥¿å®å¸ééåºå®è¯ç«è½¦ç«
			ç²®åºæéå¬å¸</span></a>
			</div>
			</div>
			</div>
			</div>
			</div>

			</div>
			</div>
			</div>

			</div><!--i-main end-->

			</div>

			<script>
			window._AMapSecurityConfig = {
			securityJsCode:'39051edca2c561cb80d8f49b4624ab17',
			}
			</script>
			<script th:inline="javascript">
			var userId = null;
			var companyId = "1000";
			var deptId = null;
			var depts = null;
			var allDept = null;
			var deptAreas =null;
			var dicSlogan =null;
			</script>

			<script th:src="@{https://webapi.amap.com/maps?v=2.0&key=5249315a4ba00ea7212898d4449b8c0e&plugin=AMap.DistrictSearch}" src="https://webapi.amap.com/maps?v=2.0&key=5249315a4ba00ea7212898d4449b8c0e"></script>
			<!-- UIç»ä»¶åº 1.0 -->
			<script th:src="@{https://webapi.amap.com/ui/1.1/main.js?v=1.1.1}" src="//webapi.amap.com/ui/1.1/main.js?v=1.1.1"></script>

			<script th:src="@{/js/jquery.min.js}"></script>
			<script th:src="@{/ajax/libs/echarts/echarts.min.js}"></script>
			<script th:src="@{/group/gis-index.js}"></script>
			<script th:src="@{/group/gis-map.js}"></script>
			<script th:src="@{/group/gis-common.js}"></script>
			<script th:src="@{/group/gis-chart.js}"></script>
			</body>

			</html>

			@@ -49,28 +49,6 @@
			<body>

			<div class="container">
			<div class="i-top">
			<h1 class="i-top-tit"><span>ççº§å¨å¤ç²®çç®¡å¹³å°</span></h1>
			<p class="i-top-p" id="sloganText">ä¸å¿åå¿ï¼ç¢è®°ä½¿å½ï¼ä¸ºä¸å½äººæ°è°å¹¸ç¦ï¼ä¸ºä¸åæ°æè°å¤å´</p>
			<div class="i-navBar">
			<a href="javaScript:;" onclick="changePage('index')" class="i-nav1">é¦é¡µ</a>
			<a href="javaScript:;" onclick="changePage('amount')" class="i-nav2">æ°éæ»è§</a>
			<a href="javaScript:;" onclick="changePage('gis')" class="i-nav3 active">GISçç®¡</a>
			<a href="javaScript:;" onclick="changePage('plan')" class="i-nav4">è½®æ¢çç®¡</a>
			<a href="javaScript:;" onclick="changePage('ai')" class="i-nav5">é¢è¦åæ</a>
			<a href="javaScript:;" onclick="changePage('video')" class="i-nav6">è§é¢è½®æ¢</a>
			<a href="javaScript:;" onclick="changePage('home')" class="i-nav7">åå°ç®¡ç</a>
			</div>
			<div class="date-time-module">
			<span id="navBarTime"></span>
			<div class="i-top-date">
			<span id="navBarDate"></span>
			<span id="navBarWeek"></span>
			</div>
			</div>
			<!-- <div id="data"></div> -->

			</div><!--i-top end-->

			<div class="c-main cl">
			<div class="c-cen" id="map_container">
			@@ -88,7 +66,7 @@
			<div class="chartbox">
			<div class="chart" id="breedChart"></div>
			<div class="txt">
			<div class="n" id="foodSum">1433331 </div>
			<div class="n" id="foodSum">14258 </div>
			<div class="p">å¨ </div>
			</div>
			</div>