diff --git a/src/App.vue b/src/App.vue
index 8abdf8b..40d8354 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,15 +1,23 @@
 <script setup lang="ts">
 // @ts-ignore
 import Header from "@/components/Header.vue"
-
-
+import Login from "@/components/login.vue"
+let Token =localStorage.getItem('TOKEN')
 
 </script>
 <template>
   <!-- <div>sadas</div> -->
-  <div class="main-box">
+  <div class="main-box" v-if="Token">
     <Header></Header>
     <router-view></router-view>
+  </div>
+  <div v-else class="login-box">
+    <Login></Login>
+  </div>
+  <div>
+
+
+
   </div>
 </template>
 
@@ -30,7 +38,13 @@ import Header from "@/components/Header.vue"
   background-size: 100% 100%;
   overflow: hidden;
 }
-
+.login-box{
+  width: 100vw;
+  height: 100vh;
+  background-image: url('/static/login/bg.png');
+  background-size: 100% 100%;
+  overflow: hidden;
+}
 .color-font {
   font-family: FZCYJ;
   color: #E5EFFF;
diff --git a/src/TEST.vue b/src/TEST.vue
new file mode 100644
index 0000000..f6cbbfd
--- /dev/null
+++ b/src/TEST.vue
@@ -0,0 +1,297 @@
+<template>
+    <div style="width: 45vw;height: 50vh;" id="myChart"></div>
+    <div style="width: 45vw;height: 50vh;" id="chart2"></div>
+    <img src="/static/index/aa.png" id="img" style="opacity: 0;" alt="">
+
+</template>
+<script setup>
+import { ref, onMounted } from "vue"
+import axios from "axios";
+import * as echarts from 'echarts';
+import "echarts-gl"
+
+
+const initData = (data) => {
+
+    var data3d = data.map(el => {
+        return {
+                                    name: el.properties.name,
+                                    value:el.properties.center,
+                                    label: {
+                                        normal: {
+                                            show: true,
+                                            position: 'right',
+                                            formatter: '{b}',
+                                            color: 'white',
+                                            fontWeight: "bold",
+                                            fontSize: 18
+                                        }
+                                    },
+                                    itemStyle: {
+                                        normal: {
+                                            color: '#FFB923'
+                                        }
+                                    },
+                                }
+
+
+    });
+    return data3d
+}
+
+
+
+onMounted(() => {
+    const u = 'https:\/\/ceshi-worker-task.lihaink.cn\/uploads\/images\/20231129\/202311291816106120a4034.png'
+    axios.get('https://geo.datav.aliyun.com/areas_v3/bound/510000_full.json')
+        .then(function (response) {
+let dot=document.getElementById('img')
+            let mapJson = response.data
+            let    chartOption= {
+                    geo: {
+                        backgroundColor: {
+                            color: {
+                                image: dot, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
+                                repeat: 'repeat' // 是否平铺，可以是 'repeat-x', 'repeat-y', 'no-repeat'
+                            }
+                        },
+                        show: true,
+                        map: `lz`,
+                        left: '0',
+                        top: `0%`,
+                        right: '8%',
+                        bottom: '0',
+                        itemStyle: {
+                            // normal: {
+                            //     areaColor: `rgba(115, 219, 249, 0)`,
+                            //     borderwidth: 3,
+                            //     borderColor: `#37C1FD`,
+                            //     shadowBlur: 20,
+                            //     shadowOffsetY: 4,
+                            //     shadowOffsetX: 4,
+                            //     shadowColor: `#ddd`
+                            // },
+                            areaColor: {
+                    image: dot,
+                    repeat: 'repeat'
+                },
+                        }
+                    },
+                    series: [
+                         {
+                            type: `effectScatter`,
+                            coordinateSystem: `geo`,
+                            rippleEffect: { //涟漪特效
+                                period: 4, //动画时间，值越小速度越快
+                                brushType: `stroke`, //波纹绘制方式 stroke, fill
+                                scale: 8 //波纹圆环最大限制，值越大波纹越大
+                            },
+                            itemStyle: {
+                                // normal: {
+                                //     color: `orange`,
+                                //     shadowBlur: 2
+                                // },
+                               
+                            },
+                            symbolSize: 8,
+                            data: [
+                                { name: `三亚市`, value: [ 104.065735, 30.659462] },
+                                { name: `五指山市`, value: [104.773447,29.352765] }
+                                //[109.508268, 18.247872, `三亚市`],
+                                //[109.516662, 18.776921, `五指山市`]
+                            ]
+                        }
+                    ]
+                }
+
+            
+
+
+            echarts.registerMap(`lz`, mapJson)
+            // const myChart2 = document.getElementById('chart2')
+            // const bg = echarts.init(myChart2);
+            // bg.setOption(chartOption)
+
+                const canvas = document.createElement(`canvas`)
+               let bg = echarts.init(canvas, null, {
+                    width: 1024,
+                    height: 1024
+                })
+                bg.setOption(chartOption)
+            const myChart = document.getElementById('myChart')
+            const charts = echarts.init(myChart);
+            let option = {
+
+
+
+
+                // geo3D: {
+                //         map: `海南`,
+                //         viewControl: {
+                //             autoRotate: false,
+                //             distance: 180
+                //         },
+                //         shading: `color`,
+                //         boundingCoords: [
+                //             [-180, 90],
+                //             [180, -90]
+                //         ],
+                //         colorMaterial: {
+                //             detailTexture: this.bg, // 纹理贴图
+                //             textureTiling: 1 // 纹理平铺，1是拉伸，数字表示纹理平铺次数
+                //         },
+                //         // 是否显示地面
+                //         groundPlane: {
+                //             show: false
+                //         }
+                //     },
+
+
+                geo3D: {
+                      
+                    map: "luzhou",
+                    shading: `color`,
+        //            
+                    roam: true,
+                    itemStyle: {
+                        // color: "#014281",
+                        opacity: 0.9,
+                        borderWidth: 0.4,
+                        borderColor: "#000",
+                        normal: {
+                            areaColor: 'red',
+                            borderWidth: 4, //设置外层边框
+                            // borderColor: '#f8911b',
+                        },
+                        emphasis: {
+                            show: false,
+                            // areaColor: '#01215c'
+                        }
+
+
+                        // areaColor: '#fff'
+                    },
+                    viewControl: {
+                        autoRotate: true,
+                        autoRotateAfterStill: 3,
+                        distance: 90,
+                        minAlpha: 5, // 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
+                        maxAlpha: 90, // 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
+                        minBeta: -360, // 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
+                        maxBeta: 360, // 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]
+                        animation: true, // 是否开启动画。[ default: true ]
+                        animationDurationUpdate: 1000, // 过渡动画的时长。[ default: 1000 ]
+                        animationEasingUpdate: "cubicInOut" // 过渡动画的缓动效果。[ default: cubicInOut ]
+                    },
+
+                    emphasis: {
+                        disabled: true, //是否可以被选中
+                        label: {
+                            //移入时的高亮文本
+                            show: true,
+                        },
+                        itemStyle: {
+                            color:
+
+
+                                "#B17049" //显示移入的区块变粉色
+
+                        }
+                    },
+                    label: {
+                        show: false,
+                        // position: "bottom",
+                        color: "white", //地图初始化区域字体颜色
+                        fontSize: 14,
+                        lineHeight: 16,
+                        // textStyle: {
+                        //     color: "#fff", //地图初始化区域字体颜色
+                        //     fontSize: 12,
+                        //     opacity: 1,
+                        //     backgroundColor: "red",
+                        // },
+                    },
+                    shading: "color",
+                    light: {
+                        //光照阴影
+                        main: {
+                            // color: "#fff", //光照颜色
+                            intensity: 0.8, //光照强度
+                            shadowQuality: 'high', //阴影亮度
+                            shadow: true, //是否显示阴影
+                            shadowQuality: "medium", //阴影质量 ultra //阴影亮度
+                            alpha: 55,
+                            beta: 10
+                        },
+                        ambient: {
+                            intensity: 0.7
+                        }
+                    },
+                    colorMaterial: {
+                            detailTexture: bg, // 纹理贴图
+                            textureTiling: 1 // 纹理平铺，1是拉伸，数字表示纹理平铺次数
+                        },
+                },
+                series: [
+                    {
+                        type: "scatter3D",
+                        coordinateSystem: "geo3D",
+                        data: initData(mapJson.features),
+                        // symbol: "circle",
+                        symbolSize: 20,
+                        // itemStyle: {
+                        //     color: "transparent",
+                        // },
+                        label: {
+                            show: true,
+                            position: "top",
+                            distance: -10,
+                            formatter(params) {
+                                return "2";
+                            },
+
+                            textStyle: {
+                                // color: "transparent",
+                                padding: [15, 20],
+                                backgroundColor: {
+                                    image: '/static/index/aa.png',
+                                },
+                                // backgroundColor:""
+                            },
+                        },
+                        emphasis: {
+                            label: {
+                                show: true,
+                                textStyle: {
+                                    backgroundColor: {
+                                        // image: '/static/index/aa.png',
+                                    },
+                                },
+                            },
+                        },
+
+                    },
+
+                ],
+
+
+            };
+            // 地图注册，第一个参数的名字必须和option.geo.map一致
+            echarts.registerMap("luzhou", mapJson)
+
+            charts.setOption(option);
+
+
+
+        })
+
+
+
+})
+
+
+
+
+
+
+</script>
\ No newline at end of file
diff --git a/src/components/Header.vue b/src/components/Header.vue
index b8ae091..04b1d43 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -43,46 +43,6 @@ const route = useRoute()
 // 标题
 const show = reactive([false, true, true, true, true])
 
-const showFn = (index, src) => {
-    show.forEach((item, i) => {
-        show[i] = true
-    })
-    show[index] = !show[index]
-    if (src) {
-        router.replace(src)
-
-    }
-}
-
-const backUrl = ref('/')
-// alert(zz3)
-
-watch(
-    () => route.path,
-    (value, oldValue) => {
-        if (value == '/') {
-            showFn(0)
-        }
-        if (value == '/commodity') {
-            showFn(1)
-        }
-        if (value == '/Businesses') {
-            showFn(2)
-        }
-
-        if (value == '/order') {
-            showFn(3)
-        }
-        if (value == '/finance') {
-            showFn(4)
-        }
-        console.log(value)
-
-    }
-)
-
-
-
 
 
 
@@ -95,7 +55,9 @@ const offAreaList = () => {
 }
 const out = () => {
     //@ts-ignore
-    window.open("about:blank", "_top").close()
+    // window.open("about:blank", "_top").close()
+    localStorage.removeItem('TOKEN')
+    router.replace('/')
 }
 const updateTime = () => {
     var date = new Date();
diff --git a/src/components/areaMap.vue b/src/components/areaMap.vue
index f6cbbfd..6925fd2 100644
--- a/src/components/areaMap.vue
+++ b/src/components/areaMap.vue
@@ -1,248 +1,293 @@
 <template>
-    <div style="width: 45vw;height: 50vh;" id="myChart"></div>
-    <div style="width: 45vw;height: 50vh;" id="chart2"></div>
-    <img src="/static/index/aa.png" id="img" style="opacity: 0;" alt="">
+  <div>
 
+    <div style="width: 45vw;height: 50vh;" id="chart2"></div>
+    <!-- <img src="/static/index/lx.png" class="img4" alt=""> -->
+  </div>
+  <!-- <div style="width: 45vw;height: 50vh;" id="myChart"></div> -->
+
+  <!-- <img src="/static/index/SC.png" id="img" style="width: 45vw;height: 50vh;" alt=""> -->
 </template>
+
+
+
+<style lang="scss" scoped>
+@keyframes spin {
+  0% {
+    transform: rotateY(0deg);
+  }
+
+  100% {
+    transform: rotateY(360deg);
+  }
+}
+
+.img4 {
+  top: 19.5vh;
+  left: 33.3vw;
+  height: 44vh;
+  width: 33.6vw;
+  position: absolute;
+  //   transform: rotateX(45deg);
+  // animation: spin 2s linear infinite;
+
+}
+
+#chart2 {
+  position: absolute;
+  z-index: 9;
+}
+</style>
+
 <script setup>
 import { ref, onMounted } from "vue"
 import axios from "axios";
 import * as echarts from 'echarts';
 import "echarts-gl"
+// import geoJson from "/static/jsonData/xuantan.js"
 
 
-const initData = (data) => {
-
-    var data3d = data.map(el => {
-        return {
-                                    name: el.properties.name,
-                                    value:el.properties.center,
-                                    label: {
-                                        normal: {
-                                            show: true,
-                                            position: 'right',
-                                            formatter: '{b}',
-                                            color: 'white',
-                                            fontWeight: "bold",
-                                            fontSize: 18
-                                        }
-                                    },
-                                    itemStyle: {
-                                        normal: {
-                                            color: '#FFB923'
-                                        }
-                                    },
-                                }
-
-
-    });
-    return data3d
-}
-
 
 
 onMounted(() => {
-    const u = 'https:\/\/ceshi-worker-task.lihaink.cn\/uploads\/images\/20231129\/202311291816106120a4034.png'
-    axios.get('https://geo.datav.aliyun.com/areas_v3/bound/510000_full.json')
-        .then(function (response) {
-let dot=document.getElementById('img')
-            let mapJson = response.data
-            let    chartOption= {
-                    geo: {
-                        backgroundColor: {
-                            color: {
-                                image: dot, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
-                                repeat: 'repeat' // 是否平铺，可以是 'repeat-x', 'repeat-y', 'no-repeat'
-                            }
-                        },
-                        show: true,
-                        map: `lz`,
-                        left: '0',
-                        top: `0%`,
-                        right: '8%',
-                        bottom: '0',
-                        itemStyle: {
-                            // normal: {
-                            //     areaColor: `rgba(115, 219, 249, 0)`,
-                            //     borderwidth: 3,
-                            //     borderColor: `#37C1FD`,
-                            //     shadowBlur: 20,
-                            //     shadowOffsetY: 4,
-                            //     shadowOffsetX: 4,
-                            //     shadowColor: `#ddd`
-                            // },
-                            areaColor: {
-                    image: dot,
-                    repeat: 'repeat'
-                },
-                        }
-                    },
-                    series: [
-                         {
-                            type: `effectScatter`,
-                            coordinateSystem: `geo`,
-                            rippleEffect: { //涟漪特效
-                                period: 4, //动画时间，值越小速度越快
-                                brushType: `stroke`, //波纹绘制方式 stroke, fill
-                                scale: 8 //波纹圆环最大限制，值越大波纹越大
-                            },
-                            itemStyle: {
-                                // normal: {
-                                //     color: `orange`,
-                                //     shadowBlur: 2
-                                // },
-                               
-                            },
-                            symbolSize: 8,
-                            data: [
-                                { name: `三亚市`, value: [ 104.065735, 30.659462] },
-                                { name: `五指山市`, value: [104.773447,29.352765] }
-                                //[109.508268, 18.247872, `三亚市`],
-                                //[109.516662, 18.776921, `五指山市`]
-                            ]
-                        }
-                    ]
+  const u = 'https:\/\/ceshi-worker-task.lihaink.cn\/uploads\/images\/20231129\/202311291816106120a4034.png'
+
+
+  axios.get('https://geo.datav.aliyun.com/areas_v3/bound/510500_full.json')
+
+
+  axios.get('https://geo.datav.aliyun.com/areas_v3/bound/510000_full.json')
+    .then(function (response) {
+      let geoJson = response.data
+      const dot = document.getElementById('img')
+      var mapName = 'lz';
+      let data = [
+      ]
+      const myChart = document.getElementById("chart2")
+      /*获取地图数据*/
+
+
+      let option = {
+
+
+
+        geo: [
+          {
+            layoutSize: '100%',//大小
+            show: true,
+            map: mapName,
+
+            roam: false,
+            zoom: 1.2,
+            layoutCenter: ["50%", "50%"],
+            aspectScale: 1,
+            label: {
+              normal: {
+                show: false,
+                textStyle: {
+                  color: '#fff'
                 }
+              },
+             
+            },
+            itemStyle: {
+              areaColor: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 0,
+                y2: 0,
+                colorStops: [{
+                  offset: 0,
+                  color: "rgba(3,27,78,0.75)", // 0% 处的颜色
+                }, {
+                  offset: 1,
+                  color: "rgba(58,149,253,0.75)", // 50% 处的颜色
+                },],
+                global: true, // 缺省为 false
+              },
+              borderColor: "#D2F2FC",
+              borderWidth: 2,
+              shadowColor: "#8cd3ef",
+              shadowOffsetY: 10,
+              shadowBlur: 120,
+            },
 
-            
+          },
 
-
-            echarts.registerMap(`lz`, mapJson)
-            // const myChart2 = document.getElementById('chart2')
-            // const bg = echarts.init(myChart2);
-            // bg.setOption(chartOption)
-
-                const canvas = document.createElement(`canvas`)
-               let bg = echarts.init(canvas, null, {
-                    width: 1024,
-                    height: 1024
-                })
-                bg.setOption(chartOption)
-            const myChart = document.getElementById('myChart')
-            const charts = echarts.init(myChart);
-            let option = {
-
-
-
-
-                // geo3D: {
-                //         map: `海南`,
-                //         viewControl: {
-                //             autoRotate: false,
-                //             distance: 180
-                //         },
-                //         shading: `color`,
-                //         boundingCoords: [
-                //             [-180, 90],
-                //             [180, -90]
-                //         ],
-                //         colorMaterial: {
-                //             detailTexture: this.bg, // 纹理贴图
-                //             textureTiling: 1 // 纹理平铺，1是拉伸，数字表示纹理平铺次数
-                //         },
-                //         // 是否显示地面
-                //         groundPlane: {
-                //             show: false
-                //         }
-                //     },
-
-
-                geo3D: {
-                      
-                    map: "luzhou",
-                    shading: `color`,
-        //            
-                    roam: true,
-                    itemStyle: {
-                        // color: "#014281",
-                        opacity: 0.9,
-                        borderWidth: 0.4,
-                        borderColor: "#000",
-                        normal: {
-                            areaColor: 'red',
-                            borderWidth: 4, //设置外层边框
-                            // borderColor: '#f8911b',
-                        },
-                        emphasis: {
-                            show: false,
-                            // areaColor: '#01215c'
-                        }
-
-
-                        // areaColor: '#fff'
-                    },
-                    viewControl: {
-                        autoRotate: true,
-                        autoRotateAfterStill: 3,
-                        distance: 90,
-                        minAlpha: 5, // 上下旋转的最小 alpha 值。即视角能旋转到达最上面的角度。[ default: 5 ]
-                        maxAlpha: 90, // 上下旋转的最大 alpha 值。即视角能旋转到达最下面的角度。[ default: 90 ]
-                        minBeta: -360, // 左右旋转的最小 beta 值。即视角能旋转到达最左的角度。[ default: -80 ]
-                        maxBeta: 360, // 左右旋转的最大 beta 值。即视角能旋转到达最右的角度。[ default: 80 ]
-                        animation: true, // 是否开启动画。[ default: true ]
-                        animationDurationUpdate: 1000, // 过渡动画的时长。[ default: 1000 ]
-                        animationEasingUpdate: "cubicInOut" // 过渡动画的缓动效果。[ default: cubicInOut ]
-                    },
-
-                    emphasis: {
-                        disabled: true, //是否可以被选中
-                        label: {
-                            //移入时的高亮文本
-                            show: true,
-                        },
-                        itemStyle: {
-                            color:
-
-
-                                "#B17049" //显示移入的区块变粉色
-
-                        }
-                    },
-                    label: {
-                        show: false,
-                        // position: "bottom",
-                        color: "white", //地图初始化区域字体颜色
-                        fontSize: 14,
-                        lineHeight: 16,
-                        // textStyle: {
-                        //     color: "#fff", //地图初始化区域字体颜色
-                        //     fontSize: 12,
-                        //     opacity: 1,
-                        //     backgroundColor: "red",
-                        // },
-                    },
-                    shading: "color",
-                    light: {
-                        //光照阴影
-                        main: {
-                            // color: "#fff", //光照颜色
-                            intensity: 0.8, //光照强度
-                            shadowQuality: 'high', //阴影亮度
-                            shadow: true, //是否显示阴影
-                            shadowQuality: "medium", //阴影质量 ultra //阴影亮度
-                            alpha: 55,
-                            beta: 10
-                        },
-                        ambient: {
-                            intensity: 0.7
-                        }
-                    },
-                    colorMaterial: {
-                            detailTexture: bg, // 纹理贴图
-                            textureTiling: 1 // 纹理平铺，1是拉伸，数字表示纹理平铺次数
-                        },
+          {
+            type: "map",
+            map: mapName,
+            zlevel: -1,
+            aspectScale: 1,
+            zoom: 1.2,
+            layoutCenter: ["50%", "51%"],
+            layoutSize: "100%",
+            roam: false,
+            silent: true,
+            regions: [
+              {
+                name: "南海诸岛",
+                itemStyle: {
+                  // 隐藏地图
+                  normal: {
+                    opacity: 0, // 为 0 时不绘制该图形
+                  }
                 },
-                series: [
-                    {
-                        type: "scatter3D",
-                        coordinateSystem: "geo3D",
-                        data: initData(mapJson.features),
-                        // symbol: "circle",
-                        symbolSize: 20,
-                        // itemStyle: {
-                        //     color: "transparent",
-                        // },
-                        label: {
+                label: {
+                  show: false // 隐藏文字
+                }
+              }
+            ],
+            itemStyle: {
+              normal: {
+                borderWidth: 1,
+                borderColor: "rgba(17, 149, 216,0.6)",
+                borderColor: "#5AD0E0",
+                shadowColor: "rgba(172, 122, 255,0.5)",
+                shadowOffsetY: 5,
+                shadowBlur: 15,
+                areaColor: "rgba(5,21,35,0.1)",
+              },
+            },
+          },
+
+
+
+
+          {
+            type: "map",
+            map: mapName,
+            zlevel: -1,
+            aspectScale: 1,
+            zoom: 1.2,
+            layoutCenter: ["50%", "52%"],
+            layoutSize: "100%",
+            roam: false,
+            silent: true,
+
+            itemStyle: {
+              normal: {
+                borderWidth: 1,
+                borderColor: "rgba(17, 149, 216,0.6)",
+                borderColor: "#5AD0E0",
+                shadowColor: "rgba(172, 122, 255,0.5)",
+                shadowOffsetY: 5,
+                shadowBlur: 15,
+                areaColor: "rgba(5,21,35,0.1)",
+              },
+            },
+          },
+          {
+            type: "map",
+            map: mapName,
+            zlevel: -2,
+            aspectScale: 1,
+            zoom: 1.2,
+            layoutCenter: ["50%", "52%"],
+            layoutSize: "100%",
+            roam: false,
+            silent: true,
+
+            itemStyle: {
+              normal: {
+                borderWidth: 1,
+                borderColor: "rgba(17, 149, 216,0.4)",
+                borderColor: "#5AD0E0",
+                shadowColor: "rgba(172, 122, 255,0.5)",
+                shadowOffsetY: 5,
+                shadowBlur: 15,
+                areaColor: "rgba(5,21,35,0.1)",
+              },
+            },
+          },
+
+          // {
+          //   type: "map",
+          //   map: mapName,
+          //   zlevel: -3,
+          //   aspectScale: 1,
+          //   zoom: 1.2,
+          //   layoutCenter: ["50%", "53%"],
+          //   layoutSize: "101%",
+          //   roam: false,
+          //   silent: true,
+          //   regions: [
+          //     {
+          //       name: "南海诸岛",
+          //       itemStyle: {
+          //         // 隐藏地图
+          //         normal: {
+          //           opacity: 0, // 为 0 时不绘制该图形
+          //         }
+          //       },
+          //       label: {
+          //         show: false // 隐藏文字
+          //       }
+          //     }
+          //   ],
+          //   itemStyle: {
+          //     normal: {
+          //       borderWidth: 1,
+          //       // borderColor: "rgba(11, 43, 97,0.8)",
+          //       borderColor: "rgba(58,149,253,0.4)",
+          //       shadowColor: "rgba(58,149,253,1)",
+          //       shadowOffsetY: 15,
+          //       shadowBlur: 10,
+          //       areaColor: "transpercent",
+          //     },
+          //   },
+          // },
+          {
+            type: "map",
+            map: mapName,
+            zlevel: -4,
+            aspectScale: 1,
+            zoom: 1.2,
+            layoutCenter: ["50%", "53%"],
+            layoutSize: "100%",
+            roam: false,
+            silent: true,
+            regions: [
+              {
+                name: "南海诸岛",
+                itemStyle: {
+                  // 隐藏地图
+                  normal: {
+                    opacity: 0, // 为 0 时不绘制该图形
+                  }
+                },
+                label: {
+                  show: false // 隐藏文字
+                }
+              }
+            ],
+            itemStyle: {
+              normal: {
+                borderWidth: 5,
+                // borderColor: "rgba(11, 43, 97,0.8)",
+                borderColor: "rgba(5,9,57,0.8)",
+                shadowColor: "rgba(29, 111, 165,0.8)",
+                shadowOffsetY: 15,
+                shadowBlur: 10,
+                areaColor: "rgba(5,21,35,0.1)",
+              },
+            },
+          },
+
+
+
+        ],
+        series: [
+          {
+            type: 'map',
+            map: mapName,
+            geoIndex: 0,
+            aspectScale: 1, //长宽比
+
+            showLegendSymbol: true,
+            roam: true,
+            label: {
                             show: true,
                             position: "top",
                             distance: -10,
@@ -259,31 +304,34 @@ let dot=document.getElementById('img')
                                 // backgroundColor:""
                             },
                         },
-                        emphasis: {
-                            label: {
-                                show: true,
-                                textStyle: {
-                                    backgroundColor: {
-                                        // image: '/static/index/aa.png',
-                                    },
-                                },
-                            },
-                        },
-
-                    },
-
-                ],
-
-
-            };
-            // 地图注册，第一个参数的名字必须和option.geo.map一致
-            echarts.registerMap("luzhou", mapJson)
-
-            charts.setOption(option);
 
 
 
-        })
+            animation: true,
+            markPoint: {
+              symbol: "none"
+            },
+            data: data,
+          },
+
+
+        ],
+      };
+
+
+
+      echarts.registerMap(mapName, geoJson)
+      const bg = echarts.init(myChart)
+      bg.setOption(option);
+
+
+
+
+
+
+
+
+    })
 
 
 
diff --git a/src/components/farmerMap.vue b/src/components/farmerMap.vue
new file mode 100644
index 0000000..04bec25
--- /dev/null
+++ b/src/components/farmerMap.vue
@@ -0,0 +1,437 @@
+<template>
+
+    <div style="width: 45vw;height: 50vh;" id="chart2">
+  
+  
+    </div>
+    <!-- <img src="/static/index/SC.png" id="img" style="width: 45vw;height: 50vh;" alt=""> -->
+  </template>
+  
+  
+  
+  <style lang="scss" scoped>
+  @keyframes spin {
+    0% {
+      transform: rotateY(0deg);
+    }
+  
+    100% {
+      transform: rotateY(360deg);
+    }
+  }
+  
+  .img4 {
+    width: 45VW;
+    height: 50vh;
+    transform-origin: center center;
+    //   transform: rotateX(45deg);
+    // animation: spin 2s linear infinite;
+  
+  }
+  </style>
+  
+  <script setup>
+  import { ref, onMounted } from "vue"
+  import axios from "axios";
+  import * as echarts from 'echarts';
+  import "echarts-gl"
+  
+  
+  
+  
+  
+  onMounted(() => {
+    const u = 'https:\/\/ceshi-worker-task.lihaink.cn\/uploads\/images\/20231129\/202311291816106120a4034.png'
+    axios.get('https://geo.datav.aliyun.com/areas_v3/bound/510000_full.json')
+      .then(function (response) {
+        let geoJson = response.data
+        const dot = document.getElementById('img')
+        var mapName = 'lz';
+        var geoCoordMap = {
+        };
+  
+        let data = [
+  
+        {
+                  name: "成都市",
+                  value: 12,
+                  itemStyle: {
+                      normal: {
+                          color: {
+                              image: document.getElementById("img"),
+                              repeat: 'no-repeat'
+                          }
+                      }
+                  }
+              },
+        {
+                  name: "眉山市",
+                  value: 12,
+                  itemStyle: {
+                      normal: {
+                          color: {
+                              image: document.getElementById("img"),
+                              repeat: 'no-repeat'
+                          }
+                      }
+                  }
+              },
+        {
+                  name: "雅安市",
+                  value: 12,
+                  itemStyle: {
+                      normal: {
+                          color: {
+                              image: document.getElementById("img"),
+                              repeat: 'no-repeat'
+                          }
+                      }
+                  }
+              },
+  
+        ]
+        const myChart = document.getElementById("chart2")
+        /*获取地图数据*/
+        var mapFeatures = geoJson.features;
+        mapFeatures.forEach(function (v) {
+          // 地区名称
+          var name = v.properties.name;
+          // 地区经纬度
+          geoCoordMap[name] = v.properties.cp;
+        });
+        // console.log(dot)
+        let option = {
+          visualMap: {
+                      show: false
+                  },
+          title: {
+            show: true,
+  
+            // textStyle: {
+            //     color: "#fff",
+            //     fontFamily: "等线",
+            //     fontSize: 18,
+            // },
+          },
+          tooltip: {
+            trigger: 'none',
+            formatter: function (params) {
+              if (typeof params.value[2] == 'undefined') {
+                var toolTiphtml = '';
+                for (var i = 0; i < toolTipData.length; i++) {
+                  if (params.name == toolTipData[i].name) {
+                    toolTiphtml += toolTipData[i].name + "：" + toolTipData[i].value;
+                  }
+                }
+                console.log(toolTiphtml);
+                // console.log(convertData(data))
+                return toolTiphtml;
+              } else {
+                var toolTiphtml = '';
+                for (var i = 0; i < toolTipData.length; i++) {
+                  if (params.name == toolTipData[i].name) {
+                    toolTiphtml += toolTipData[i].name + "：" + toolTipData[i].value;
+                  }
+                }
+                console.log(toolTiphtml);
+  
+                return toolTiphtml;
+              }
+            },
+            backgroundColor: "#fff",
+            borderColor: "#333",
+            padding: [5, 10],
+            textStyle: {
+              color: "#333",
+              fontSize: "16"
+            }
+          },
+          geo: [
+            {
+              layoutSize: '100%',//大小
+              show: true,
+              map: mapName,
+              backgroundColor: {
+                color: {
+                  image: dot, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串
+                  repeat: 'repeat' // 是否平铺，可以是 'repeat-x', 'repeat-y', 'no-repeat'
+                }
+              },
+              roam: false,
+              zoom: 1.2,
+              layoutCenter: ["50%", "50%"],
+              aspectScale: 1,
+              label: {
+                normal: {
+                  show: false,
+                  textStyle: {
+                    color: '#fff'
+                  }
+                },
+                emphasis: {
+                  show: true,
+                  textStyle: {
+                    color: '#fff'
+                  }
+                }
+              },
+              itemStyle: {
+                areaColor: {
+                  type: "linear",
+                  x: 1200,
+                  y: 0,
+                  x2: 0,
+                  y2: 0,
+                  colorStops: [{
+                    offset: 0,
+                    color: "rgba(3,27,78,0.75)", // 0% 处的颜色
+                  }, {
+                    offset: 1,
+                    color: "rgba(58,149,253,0.75)", // 50% 处的颜色
+                  },],
+                  global: true, // 缺省为 false
+                },
+                borderColor: "#D2F2FC",
+                borderWidth: 2,
+                shadowColor: "#8cd3ef",
+                shadowOffsetY: 10,
+                shadowBlur: 120,
+              },
+  
+            },
+  
+            // {
+            //   type: "map",
+            //   map: mapName,
+            //   zlevel: -1,
+            //   aspectScale: 1,
+            //   zoom: 1.2,
+            //   layoutCenter: ["50%", "51%"],
+            //   layoutSize: "100%",
+            //   roam: false,
+            //   silent: true,
+            //   regions: [
+            //     {
+            //       name: "南海诸岛",
+            //       itemStyle: {
+            //         // 隐藏地图
+            //         normal: {
+            //           opacity: 0, // 为 0 时不绘制该图形
+            //         }
+            //       },
+            //       label: {
+            //         show: false // 隐藏文字
+            //       }
+            //     }
+            //   ],
+            //   itemStyle: {
+            //     normal: {
+            //       borderWidth: 1,
+            //       borderColor: "rgba(17, 149, 216,0.6)",
+            //       borderColor: "#5AD0E0",
+            //       shadowColor: "rgba(172, 122, 255,0.5)",
+            //       shadowOffsetY: 5,
+            //       shadowBlur: 15,
+            //       areaColor: "rgba(5,21,35,0.1)",
+            //     },
+            //   },
+            // },
+            // {
+            //   type: "map",
+            //   map: mapName,
+            //   zlevel: -2,
+            //   aspectScale: 1,
+            //   zoom: 1.2,
+            //   layoutCenter: ["50%", "52%"],
+            //   layoutSize: "100%",
+            //   roam: false,
+            //   silent: true,
+            //   regions: [
+            //     {
+            //       name: "南海诸岛",
+            //       itemStyle: {
+            //         // 隐藏地图
+            //         normal: {
+            //           opacity: 0, // 为 0 时不绘制该图形
+            //         }
+            //       },
+            //       label: {
+            //         show: false // 隐藏文字
+            //       }
+            //     }
+            //   ],
+            //   itemStyle: {
+            //     normal: {
+            //       borderWidth: 1,
+            //       // borderColor: "rgba(57, 132, 188,0.4)",
+            //       borderColor: "#1C75C8",
+            //       shadowColor: "rgba(65, 214, 255,1)",
+            //       shadowOffsetY: 5,
+            //       shadowBlur: 15,
+            //       areaColor: "transpercent",
+            //     },
+            //   },
+            // },
+  
+            // {
+            //   type: "map",
+            //   map: mapName,
+            //   zlevel: -3,
+            //   aspectScale: 1,
+            //   zoom: 1.2,
+            //   layoutCenter: ["50%", "53%"],
+            //   layoutSize: "101%",
+            //   roam: false,
+            //   silent: true,
+            //   regions: [
+            //     {
+            //       name: "南海诸岛",
+            //       itemStyle: {
+            //         // 隐藏地图
+            //         normal: {
+            //           opacity: 0, // 为 0 时不绘制该图形
+            //         }
+            //       },
+            //       label: {
+            //         show: false // 隐藏文字
+            //       }
+            //     }
+            //   ],
+            //   itemStyle: {
+            //     normal: {
+            //       borderWidth: 1,
+            //       // borderColor: "rgba(11, 43, 97,0.8)",
+            //       borderColor: "rgba(58,149,253,0.4)",
+            //       shadowColor: "rgba(58,149,253,1)",
+            //       shadowOffsetY: 15,
+            //       shadowBlur: 10,
+            //       areaColor: "transpercent",
+            //     },
+            //   },
+            // },
+            // {
+            //   type: "map",
+            //   map: mapName,
+            //   zlevel: -4,
+            //   aspectScale: 1,
+            //   zoom: 1.2,
+            //   layoutCenter: ["50%", "54%"],
+            //   layoutSize: "103%",
+            //   roam: false,
+            //   silent: true,
+            //   regions: [
+            //     {
+            //       name: "南海诸岛",
+            //       itemStyle: {
+            //         // 隐藏地图
+            //         normal: {
+            //           opacity: 0, // 为 0 时不绘制该图形
+            //         }
+            //       },
+            //       label: {
+            //         show: false // 隐藏文字
+            //       }
+            //     }
+            //   ],
+            //   itemStyle: {
+            //     normal: {
+            //       borderWidth: 5,
+            //       // borderColor: "rgba(11, 43, 97,0.8)",
+            //       borderColor: "rgba(5,9,57,0.8)",
+            //       shadowColor: "rgba(29, 111, 165,0.8)",
+            //       shadowOffsetY: 15,
+            //       shadowBlur: 10,
+            //       areaColor: "rgba(5,21,35,0.1)",
+            //     },
+            //   },
+            // },
+  
+  
+  
+          ],
+          series: [
+            {
+              type: 'map',
+              map: mapName,
+              geoIndex: 0,
+              aspectScale: 1, //长宽比
+              zoom: 0.65,
+              showLegendSymbol: true,
+              roam: true,
+              label: {
+                normal: {
+                  show: true,
+                  textStyle: {
+                    color: "#fff",
+                    fontSize: "120%"
+                  },
+                },
+                emphasis: {
+                  // show: false,
+                },
+              },
+              // itemStyle: {
+              //     normal: {
+              //         areaColor: {
+              //             type: "linear",
+              //             x: 1200,
+              //             y: 0,
+              //             x2: 0,
+              //             y2: 0,
+              //             colorStops: [{
+              //                 offset: 0,
+              //                 color: "rgba(3,27,78,0.75)", // 0% 处的颜色
+              //             }, {
+              //                 offset: 1,
+              //                 color: "rgba(58,149,253,0.75)", // 50% 处的颜色
+              //             },],
+              //             global: true, // 缺省为 false
+              //         },
+              //         borderColor: "#fff",
+              //         borderWidth: 0.2,
+              //     },
+              // },
+              layoutCenter: ["50%", "50%"],
+              layoutSize: "180%",
+              animation: true,
+              markPoint: {
+                symbol: "none"
+              },
+              data: data,
+            },
+  
+  
+          ],
+        };
+  
+      
+  
+        echarts.registerMap(mapName, geoJson)
+        const bg = echarts.init(myChart)
+        bg.setOption(option);
+  
+  
+  
+  
+  
+  
+  
+  
+      })
+  
+  
+  
+  })
+  
+  
+  
+  
+  
+  
+  </script>
+  <style lang="scss" scoped>
+  
+  #chart2{
+    transform: rotateX(20deg);
+  }
+  </style>
\ No newline at end of file
diff --git a/src/components/login.vue b/src/components/login.vue
new file mode 100644
index 0000000..2d5e606
--- /dev/null
+++ b/src/components/login.vue
@@ -0,0 +1,114 @@
+<template>
+    <div class="form">
+        <div class="content">
+            <div style="position: relative;margin-bottom: 3VH;">
+                <input class="ipt" type="text" placeholder="请输入账号" v-model="account">
+                <img src="/static/login/ZH.png" alt="" class="accont-icon">
+                <div style="color: red;" v-show="isAccount">请输入账号</div>
+            </div>
+            <div style="position: relative;margin-bottom: 3VH;">
+                <input class="ipt" placeholder="请输入密码" :type="show ? 'text' : 'password'" v-model="password">
+                <div style="color: red;" v-show="isPassword">请输入密码</div>
+
+                <img src="/static/login/MM.png" alt="" class="accont-icon">
+                <img src="/static/login/KJ.png" v-if="show" alt="" @click="show = false" class="show">
+                <img src="/static/login/BKH.png" v-else alt="" @click="show = true" class="show">
+            </div>
+
+            <img src="/static/login/DL.png" class="btn" alt="" @click="submit">
+        </div>
+
+    </div>
+</template>
+<style lang="scss" scoped>
+.form {
+    width: 35vw;
+    height: 45vh;
+    position: absolute;
+    top: 25vh;
+    right: 10vw;
+    box-sizing: border-box;
+    background: url("/static/login/DLBG.png");
+    background-size: 100% 100%;
+
+    .content {
+        position: absolute;
+        top: 13vh;
+        // background-color: red;
+        left: 10vw;
+
+        .ipt {
+            border: 1px solid #194FA3;
+            padding: 1vh 2vw;
+            background-color: #123266;
+            width: 13VW;
+            outline: none;
+            -webkit-user-select: auto;
+            caret-color: #fff;
+            color: white;
+        }
+
+        input[type="password"]::-ms-reveal {
+            display: none
+        }
+
+        .btn {
+            width: 7vw;
+            cursor: pointer;
+            margin-left: 50%;
+            transform: translateX(-50%);
+        }
+
+        .accont-icon {
+            width: 0.8vw;
+            position: absolute;
+            left: 1vh;
+            top: .8vh;
+        }
+
+        .show {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            width: 1vw;
+            cursor: pointer;
+        }
+    }
+
+
+}
+</style>
+<script setup>
+import { ref, reactive } from "vue"
+import { useRouter } from "vue-router";
+const router =useRouter()
+const show = ref(false)
+const account = ref('')
+const password = ref('')
+const isAccount = ref(false)
+const isPassword = ref(false)
+
+
+const submit = () => {
+
+    if (!account.value) {
+        isAccount.value = true;
+        return
+    }
+    else isAccount.value = false;
+    if (!password.value)
+    
+    { isPassword.value = true; 
+    
+    return}
+    else isPassword.value = false;
+
+localStorage.setItem("TOKEN",15455465465465)
+
+    router.replace('/index')
+
+    // alert(isAccount.value)
+
+}
+
+</script>
\ No newline at end of file
diff --git a/src/components/warnDetail.vue b/src/components/warnDetail.vue
index 4a68612..c6f876e 100644
--- a/src/components/warnDetail.vue
+++ b/src/components/warnDetail.vue
@@ -6,13 +6,13 @@
             <div style="display: flex;justify-content: space-between;flex-direction: column;margin-left: 1vw;">
                 <div style="font-family:FZCYJ ;">告警数据:</div>
                 <div class="warn-li"> <img src="/static/index/PM.png" class="pm-img"> <span class="pm-num">1</span>
-                    <span class="text"> 这是一名jiujs</span>
+                    <span class="text"> 老东赛！</span>
                 </div>
                 <div class="warn-li"> <img src="/static/index/PM.png" class="pm-img"> <span class="pm-num"> 2</span>
-                    <span class="text"> 这是一名jiujs发射点发射点点大夫</span>
+                    <span class="text"> 这是一名后端开发</span>
                 </div>
                 <div class="warn-li"> <img src="/static/index/PM.png" class="pm-img"> <span class="pm-num">3</span> <span
-                        class="text"> 这是一名jiujs啊沙发沙发沙发沙发沙发阿松大沙sdsa发</span>
+                        class="text"> 这是一名地方都是开发建设的咖啡机发动机</span>
                 </div>
             </div>
         </div>
diff --git a/src/router/index.js b/src/router/index.js
index ce16290..1f16ce7 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,6 +3,11 @@ import { createRouter, createWebHistory } from 'vue-router'
 const routes = [
     {
         path: '/',
+        name: 'login',
+        component: () => import('@/components/login.vue'),
+    },
+    {
+        path: '/index',
         name: 'index',
         component: () => import('@/view/index.vue'),
     },
@@ -11,6 +16,8 @@ const routes = [
         name: 'detail',
         component: () => import('@/view/detail.vue'),
     },
+   
+
 
 
 ]
diff --git a/src/view/detail.vue b/src/view/detail.vue
index 9307286..7e54c88 100644
--- a/src/view/detail.vue
+++ b/src/view/detail.vue
@@ -33,6 +33,16 @@
         </div>
         <div class="c">
             <div class="top">
+                <div style="display: flex;justify-content: space-between;">
+                    <div class="  c-top-tits"><span class="color-font" @click="router.push('/index')">返回首页</span></div>
+                    <div class="  c-top-tits"><span class="color-font">同谭政地块</span> </div>
+
+
+                    <!-- <img src="/static/detail/FHSY.png" alt=""> -->
+                </div>
+
+                <farmerMap></farmerMap>
+
             </div>
             <div class="bottom">
 
@@ -111,6 +121,12 @@ import * as echarts from 'echarts';
 import warnDetail from "@/components/warnDetail.vue"
 
 import { useRouter } from "vue-router";
+
+import farmerMap from "../components/farmerMap.vue";
+
+
+
+
 const router = useRouter()
 
 
@@ -367,7 +383,23 @@ onMounted(() => {
             margin-top: 1vh;
             width: 49vw;
             height: 61vh;
+            // background-color: RED;
+            background-image: url('/static/index/ZBK.png');
+            background-size: 100% 100%;
+            box-sizing: border-box;
+            padding: 2vh 2vw;
 
+            .c-top-tits {
+
+                padding: 1vh 1vw;
+                font-size: 20px;
+                // border: 1px solid red;
+                cursor: pointer;
+                background-image: url('/static/detail/FHSY.png');
+                background-size: 100% 100%;
+
+
+            }
         }
 
         .bottom {
diff --git a/static/detail/返回首页背景@2x.png b/static/detail/FHSY.png
similarity index 100%
rename from static/detail/返回首页背景@2x.png
rename to static/detail/FHSY.png
diff --git a/static/hainan.json b/static/hainan.json
deleted file mode 100644
index 8d37a04..0000000
--- a/static/hainan.json
+++ /dev/null
@@ -1 +0,0 @@
-{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":460100,"name":"海口市","center":[110.33119,20.031971],"centroid":[110.422966,19.852113],"childrenNum":4,"level":"city","parent":{"adcode":460000},"subFeatureIndex":0,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.106525,20.026851],[110.161895,19.977693],[110.143932,19.889106],[110.186246,19.864193],[110.228283,19.753767],[110.208468,19.716679],[110.222357,19.67974],[110.262449,19.687318],[110.314208,19.697421],[110.340041,19.720625],[110.393373,19.698053],[110.372633,19.654004],[110.401151,19.606626],[110.455687,19.574559],[110.486705,19.593357],[110.519297,19.563341],[110.540223,19.535532],[110.611518,19.526841],[110.641333,19.549122],[110.636148,19.593989],[110.672814,19.647214],[110.623463,19.664109],[110.623,19.735461],[110.670314,19.812776],[110.704665,19.805992],[110.699573,19.861512],[110.676147,19.860092],[110.675314,19.907868],[110.634666,19.965401],[110.598,19.98305],[110.526612,20.075206],[110.495039,20.077253],[110.387355,20.11347],[110.318467,20.109061],[110.293282,20.059614],[110.24319,20.077568],[110.144395,20.074418],[110.106525,20.026851]]]]}},{"type":"Feature","properties":{"adcode":460200,"name":"三亚市","center":[109.508268,18.247872],"centroid":[109.421656,18.362263],"childrenNum":4,"level":"city","parent":{"adcode":460000},"subFeatureIndex":1,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[108.932374,18.335288],[108.956448,18.307433],[109.006632,18.323032],[109.108298,18.323828],[109.138668,18.267791],[109.174686,18.260149],[109.28811,18.264925],[109.355887,18.214922],[109.441349,18.199153],[109.4632,18.177171],[109.527366,18.169046],[109.561718,18.143554],[109.63792,18.171595],[109.72616,18.177808],[109.749863,18.19326],[109.783381,18.337516],[109.805418,18.347543],[109.785048,18.426622],[109.809955,18.459388],[109.781159,18.51107],[109.725234,18.493102],[109.710882,18.426462],[109.665883,18.391462],[109.539866,18.396713],[109.515607,18.429008],[109.536996,18.490717],[109.535237,18.53142],[109.506163,18.551291],[109.423386,18.574657],[109.405146,18.623443],[109.332832,18.575451],[109.313295,18.517429],[109.246537,18.558921],[109.203574,18.553517],[109.185056,18.507095],[109.195148,18.469407],[109.072557,18.452231],[109.015243,18.422645],[108.932374,18.335288]]]]}},{"type":"Feature","properties":{"adcode":460300,"name":"三沙市","center":[112.34882,16.831039],"centroid":[113.343872,8.21455],"childrenNum":2,"level":"city","parent":{"adcode":460000},"subFeatureIndex":2,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[113.26602,8.126149],[113.342871,8.193701],[113.290001,8.121834],[113.349815,8.172457],[113.386296,8.238342],[113.386296,8.289282],[113.354074,8.304049],[113.349352,8.231206],[113.294168,8.176275],[113.26602,8.126149]]],[[[111.463081,17.077615],[111.523451,17.103899],[111.538265,17.094123],[111.493729,17.058701],[111.559098,17.087712],[111.541969,17.120084],[111.452063,17.093161],[111.463081,17.077615]]],[[[117.708276,15.182553],[117.726887,15.105513],[117.827533,15.111664],[117.72522,15.13125],[117.720775,15.195336],[117.748553,15.229799],[117.71522,15.22268],[117.708276,15.182553]]],[[[111.734466,16.197411],[111.800484,16.208038],[111.822058,16.238466],[111.782521,16.273718],[111.68493,16.256978],[111.784929,16.253115],[111.793725,16.225748],[111.734466,16.197411]]],[[[113.896938,7.607108],[113.919437,7.566886],[113.987214,7.536302],[114.058972,7.537798],[114.157582,7.561401],[114.290173,7.617246],[114.368413,7.638684],[114.403783,7.675907],[114.420079,7.765795],[114.464152,7.814968],[114.540448,7.861976],[114.555077,7.891208],[114.540725,7.945514],[114.472578,7.969094],[114.414616,7.95282],[114.268229,7.870779],[114.211748,7.78706],[114.095083,7.720937],[114.029065,7.669925],[113.921474,7.639016],[113.896938,7.607108]]],[[[111.649468,16.255691],[111.577802,16.20836],[111.568265,16.16279],[111.611042,16.156348],[111.690763,16.210936],[111.606598,16.177766],[111.59882,16.198377],[111.681134,16.262129],[111.649468,16.255691]]],[[[113.977029,8.872712],[114.01351,8.836926],[114.035269,8.783904],[114.060084,8.816381],[113.994899,8.876853],[113.977029,8.872712]]],[[[113.955826,8.840406],[113.975177,8.792852],[114.011843,8.798652],[113.977585,8.8414],[113.955826,8.840406]]],[[[111.974371,16.323768],[111.995667,16.307033],[112.056592,16.312987],[112.074925,16.349674],[112.002889,16.3508],[111.974371,16.323768]]],[[[111.739003,16.458888],[111.752059,16.455672],[111.786688,16.520144],[111.744466,16.551809],[111.765762,16.495387],[111.739003,16.458888]]],[[[114.194248,8.764516],[114.210267,8.712313],[114.24934,8.730543],[114.222026,8.784733],[114.194248,8.764516]]],[[[112.232701,16.996336],[112.222515,16.960575],[112.293255,16.967792],[112.232701,16.996336]]],[[[115.837467,9.709661],[115.861263,9.694291],[115.867282,9.650159],[115.900985,9.670986],[115.925614,9.781546],[115.8708,9.778737],[115.837467,9.709661]]],[[[114.617391,9.965401],[114.64202,9.917341],[114.672205,9.927746],[114.685816,9.979107],[114.617391,9.965401]]],[[[114.689705,10.345663],[114.725908,10.319106],[114.74526,10.374362],[114.703501,10.374033],[114.689705,10.345663]]],[[[109.464034,7.344605],[109.467367,7.309847],[109.513292,7.320325],[109.571532,7.373539],[109.654124,7.47945],[109.709401,7.510869],[109.7919,7.5245],[109.93912,7.504553],[109.94875,7.523004],[109.904769,7.551595],[109.816436,7.572704],[109.722364,7.575862],[109.653013,7.559573],[109.535885,7.448694],[109.464034,7.344605]]],[[[113.769439,7.636856],[113.773699,7.601789],[113.833975,7.616248],[113.831568,7.644666],[113.769439,7.636856]]],[[[116.27348,8.87967],[116.294128,8.858133],[116.33209,8.901039],[116.30598,8.917273],[116.27348,8.87967]]],[[[112.476586,16.001357],[112.569918,16.011189],[112.612233,16.039391],[112.588066,16.070812],[112.462235,16.044064],[112.448531,16.005226],[112.476586,16.001357]]],[[[112.537511,8.84637],[112.570752,8.815387],[112.639825,8.818535],[112.598251,8.858961],[112.537511,8.84637]]],[[[115.180069,8.376712],[115.194328,8.355313],[115.262753,8.343368],[115.267382,8.366759],[115.180069,8.376712]]],[[[114.469337,10.835987],[114.475171,10.814413],[114.513226,10.848668],[114.565169,10.836482],[114.59341,10.856572],[114.587299,10.909097],[114.554707,10.90103],[114.469337,10.835987]]],[[[112.409365,16.295285],[112.383532,16.265831],[112.475845,16.288847],[112.538808,16.289008],[112.529085,16.318297],[112.409365,16.295285]]],[[[112.348903,16.911813],[112.333995,16.962499],[112.303811,16.960254],[112.348903,16.911813]]],[[[111.499933,16.451974],[111.546043,16.434606],[111.550673,16.453421],[111.499933,16.451974]]],[[[115.500064,9.898181],[115.54849,9.868943],[115.581267,9.917176],[115.517842,9.933692],[115.500064,9.898181]]],[[[116.488662,10.395968],[116.461903,10.349127],[116.466996,10.308878],[116.566532,10.304424],[116.644771,10.334941],[116.63792,10.364961],[116.514958,10.349292],[116.542365,10.420045],[116.488662,10.395968]]],[[[113.894715,8.00496],[113.905086,7.963614],[113.97064,7.944683],[113.939993,8.018242],[113.894715,8.00496]]],[[[114.507855,8.120174],[114.520818,8.103242],[114.595725,8.120672],[114.62452,8.149387],[114.596002,8.158184],[114.507855,8.120174]]],[[[114.669983,8.210296],[114.691186,8.185071],[114.741556,8.189386],[114.726649,8.210628],[114.669983,8.210296]]],[[[115.43201,9.364898],[115.470065,9.359108],[115.456176,9.417007],[115.43201,9.364898]]],[[[113.638145,8.976735],[113.654533,8.961994],[113.730736,9.003895],[113.719255,9.019958],[113.638145,8.976735]]],[[[116.457274,9.174594],[116.481903,9.136852],[116.490514,9.183863],[116.457274,9.174594]]],[[[112.583622,4.97024],[112.603251,4.939838],[112.630843,4.947355],[112.641399,4.98661],[112.596585,4.990619],[112.583622,4.97024]]],[[[113.939252,8.875031],[113.91203,8.889112],[113.893604,8.862606],[113.932122,8.841565],[113.939252,8.875031]]],[[[112.010944,3.849849],[112.055295,3.840146],[112.036962,3.878957],[112.010944,3.849849]]],[[[109.936342,7.848356],[109.948009,7.815633],[109.988286,7.812643],[110.05023,7.846529],[110.082822,7.896689],[110.077914,7.949499],[110.033008,7.944517],[109.952824,7.88855],[109.936342,7.848356]]],[[[114.697205,11.00441],[114.71026,11.002105],[114.793315,11.076326],[114.799518,11.104956],[114.766556,11.110221],[114.710538,11.039794],[114.697205,11.00441]]],[[[114.910628,10.862994],[114.930905,10.841751],[114.960164,10.902018],[114.934053,10.902841],[114.910628,10.862994]]],[[[111.572987,16.469983],[111.61419,16.440395],[111.592431,16.490724],[111.572987,16.469983]]],[[[114.619798,11.432026],[114.652576,11.43712],[114.661835,11.522565],[114.619798,11.515829],[114.619798,11.432026]]],[[[112.507512,16.465963],[112.586677,16.525609],[112.575289,16.537183],[112.499641,16.493618],[112.507512,16.465963]]],[[[114.79174,8.161005],[114.777111,8.114032],[114.811925,8.11038],[114.79174,8.161005]]],[[[116.7269,11.5017],[116.765048,11.430218],[116.772177,11.445502],[116.738196,11.514844],[116.7269,11.5017]]],[[[111.690486,16.587647],[111.727707,16.559524],[111.716967,16.594236],[111.690486,16.587647]]],[[[113.846012,10.018737],[113.865364,10.003216],[113.872493,10.122908],[113.856568,10.122083],[113.846012,10.018737]]],[[[111.761688,16.061789],[111.776688,16.029722],[111.828447,16.049382],[111.829558,16.070973],[111.761688,16.061789]]],[[[112.613621,5.038222],[112.656862,4.997801],[112.662695,5.025361],[112.613621,5.038222]]],[[[115.97728,9.322213],[115.926355,9.311293],[115.942929,9.269759],[115.999317,9.293753],[115.97728,9.322213]]],[[[113.660274,9.231034],[113.677033,9.202732],[113.697218,9.225738],[113.660274,9.231034]]],[[[114.703223,16.170359],[114.816185,16.198538],[114.802944,16.2148],[114.704612,16.199343],[114.703223,16.170359]]],[[[115.28266,10.191731],[115.290808,10.171267],[115.3334,10.200312],[115.28266,10.191731]]],[[[114.665816,7.589989],[114.687946,7.564559],[114.724241,7.606942],[114.677946,7.610432],[114.665816,7.589989]]],[[[115.257845,8.509728],[115.268493,8.477888],[115.296086,8.511054],[115.257845,8.509728]]],[[[110.459761,8.116356],[110.471243,8.072199],[110.554297,8.093614],[110.599759,8.156856],[110.568186,8.172623],[110.461613,8.128307],[110.459761,8.116356]]],[[[113.222039,8.074026],[113.28352,8.110878],[113.26102,8.116522],[113.222039,8.074026]]],[[[114.242489,10.241895],[114.263044,10.23975],[114.326284,10.284627],[114.312488,10.300795],[114.264988,10.275388],[114.242489,10.241895]]],[[[114.493041,10.717228],[114.562762,10.778179],[114.539244,10.793497],[114.493041,10.717228]]],[[[114.688779,11.469165],[114.73063,11.428903],[114.720538,11.491841],[114.688779,11.469165]]],[[[116.63829,10.504136],[116.708474,10.49276],[116.699215,10.517489],[116.63829,10.504136]]],[[[117.770867,10.773566],[117.798737,10.753306],[117.835867,10.803708],[117.832811,10.836482],[117.801608,10.839446],[117.770867,10.773566]]],[[[112.46279,5.029871],[112.506493,5.005151],[112.499086,5.034381],[112.46279,5.029871]]],[[[112.22196,3.88063],[112.266589,3.872601],[112.243256,3.906727],[112.22196,3.88063]]],[[[112.248811,3.945201],[112.284922,3.94771],[112.259182,3.973637],[112.248811,3.945201]]],[[[115.509509,8.490657],[115.521916,8.460308],[115.554323,8.461138],[115.55886,8.522994],[115.514138,8.519345],[115.509509,8.490657]]],[[[110.460595,7.799852],[110.487724,7.783405],[110.511612,7.805832],[110.485039,7.827759],[110.460595,7.799852]]],[[[110.609018,8.010937],[110.642629,7.98902],[110.641796,8.031027],[110.609018,8.010937]]],[[[111.539099,7.544281],[111.583543,7.543284],[111.612338,7.592316],[111.56345,7.60262],[111.539099,7.544281]]],[[[111.925482,8.070871],[111.965204,8.047463],[112.018722,8.065559],[112.013166,8.093282],[111.954556,8.10623],[111.925482,8.070871]]],[[[112.346032,8.926052],[112.392698,8.919592],[112.385013,8.947088],[112.346032,8.926052]]],[[[117.257911,10.32059],[117.2993,10.313992],[117.27467,10.358199],[117.257911,10.32059]]],[[[114.213044,16.04068],[114.307765,16.034073],[114.306469,16.0576],[114.213044,16.04068]]],[[[114.066565,10.917823],[114.109898,10.918317],[114.101194,10.946798],[114.066565,10.917823]]],[[[111.658171,8.6727],[111.665764,8.622804],[111.717893,8.649825],[111.69743,8.678998],[111.658171,8.6727]]],[[[116.080797,10.804861],[116.11163,10.791026],[116.097464,10.829894],[116.080797,10.804861]]],[[[114.854147,7.244317],[114.819888,7.192917],[114.86961,7.198739],[114.854147,7.244317]]],[[[113.599719,6.962128],[113.576479,6.922682],[113.608145,6.920185],[113.599719,6.962128]]],[[[112.527511,5.794379],[112.562974,5.75918],[112.561863,5.820735],[112.527511,5.794379]]],[[[114.868314,7.983706],[114.883684,7.954813],[114.920072,7.972747],[114.914239,8.007616],[114.868314,7.983706]]],[[[111.670486,7.651314],[111.70743,7.648821],[111.749651,7.703989],[111.726504,7.730241],[111.691226,7.711798],[111.670486,7.651314]]],[[[114.59878,8.846039],[114.645539,8.844713],[114.682205,8.881161],[114.665353,8.89988],[114.617206,8.881161],[114.59878,8.846039]]],[[[116.04552,10.095506],[116.070242,10.063975],[116.096075,10.093526],[116.070427,10.129015],[116.04552,10.095506]]],[[[117.2668,10.691691],[117.404761,10.670766],[117.418557,10.702565],[117.369299,10.742433],[117.293003,10.73535],[117.2668,10.691691]]],[[[112.52316,5.656072],[112.545011,5.616359],[112.565844,5.630543],[112.561585,5.677096],[112.528623,5.687106],[112.52316,5.656072]]],[[[112.583159,5.561624],[112.614362,5.465492],[112.639362,5.480013],[112.616214,5.5688],[112.583159,5.561624]]],[[[112.651028,5.106866],[112.652973,5.060269],[112.682602,5.048745],[112.718898,5.075802],[112.678528,5.121228],[112.651028,5.106866]]],[[[111.63882,7.907152],[111.70743,7.886225],[111.713633,7.927413],[111.651782,7.932561],[111.63882,7.907152]]],[[[112.892044,7.844203],[112.929636,7.827759],[112.93195,7.867457],[112.892044,7.844203]]],[[[112.244274,8.874534],[112.281496,8.854819],[112.288441,8.885633],[112.244274,8.874534]]],[[[117.348188,10.090389],[117.385224,10.063645],[117.373836,10.106566],[117.348188,10.090389]]],[[[116.694863,16.34549],[116.713567,16.296733],[116.74764,16.321677],[116.747733,16.360453],[116.718104,16.373484],[116.694863,16.34549]]],[[[114.448412,16.034073],[114.521651,16.056472],[114.465449,16.067428],[114.448412,16.034073]]],[[[112.993153,19.472312],[113.038801,19.480532],[113.029079,19.528895],[112.993616,19.526051],[112.993153,19.472312]]],[[[113.832124,19.158377],[113.873975,19.151407],[113.914715,19.172155],[113.920363,19.22346],[113.875919,19.236917],[113.806754,19.223143],[113.799531,19.199077],[113.832124,19.158377]]],[[[112.557141,5.109538],[112.56927,5.071793],[112.610844,5.091668],[112.601677,5.119725],[112.557141,5.109538]]],[[[112.907229,4.99279],[112.94371,4.991621],[112.952598,5.048077],[112.911025,5.038222],[112.907229,4.99279]]],[[[115.361825,13.948906],[115.397658,13.924984],[115.438584,13.943536],[115.423399,13.977382],[115.361825,13.948906]]],[[[112.226497,16.759352],[112.262145,16.778135],[112.210849,16.795954],[112.226497,16.759352]]],[[[112.233626,15.696021],[112.251774,15.742989],[112.203627,15.71426],[112.233626,15.696021]]],[[[112.611862,5.367842],[112.640195,5.347976],[112.685102,5.371849],[112.691028,5.406737],[112.64538,5.409575],[112.611862,5.367842]]],[[[114.949146,7.509041],[114.981368,7.476458],[115.012108,7.48477],[115.013867,7.525996],[114.949146,7.509041]]],[[[111.553728,7.807825],[111.585209,7.771444],[111.619653,7.840549],[111.603913,7.861478],[111.553728,7.807825]]],[[[114.926183,16.036652],[114.895535,16.036168],[114.910998,16.002002],[114.926183,16.036652]]],[[[116.749492,9.056554],[116.699308,9.048937],[116.740603,9.028569],[116.749492,9.056554]]],[[[113.938604,15.835278],[113.973233,15.805595],[113.97064,15.839311],[113.938604,15.835278]]],[[[112.646306,16.38571],[112.681769,16.40083],[112.659917,16.426725],[112.646306,16.38571]]],[[[115.758209,10.461104],[115.776264,10.434721],[115.802005,10.463577],[115.758209,10.461104]]],[[[112.512049,9.544847],[112.508345,9.525666],[112.568715,9.516902],[112.567233,9.553941],[112.512049,9.544847]]],[[[114.610169,15.649365],[114.58128,15.625468],[114.611002,15.615295],[114.610169,15.649365]]],[[[117.299392,11.077642],[117.2643,11.062833],[117.304485,11.027287],[117.299392,11.077642]]],[[[117.690776,11.048845],[117.653369,11.046212],[117.690313,11.016589],[117.690776,11.048845]]],[[[114.166841,9.384585],[114.175267,9.342233],[114.194156,9.391533],[114.166841,9.384585]]]]}},{"type":"Feature","properties":{"adcode":460400,"name":"儋州市","center":[109.576782,19.517486],"centroid":[109.390059,19.579264],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":3,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[108.928671,19.524313],[108.939596,19.497287],[108.982744,19.477213],[108.997373,19.431522],[109.04478,19.430415],[109.051447,19.487803],[109.117557,19.46757],[109.13052,19.479584],[109.178389,19.399262],[109.26774,19.376803],[109.318943,19.398155],[109.384035,19.355448],[109.424405,19.354815],[109.457275,19.39942],[109.483848,19.406063],[109.506348,19.359561],[109.468386,19.301178],[109.541625,19.311939],[109.587365,19.243249],[109.611995,19.252589],[109.634031,19.20256],[109.673105,19.207627],[109.686994,19.178965],[109.706808,19.22156],[109.697271,19.271267],[109.713382,19.309881],[109.700234,19.349436],[109.647272,19.357505],[109.646439,19.402425],[109.737734,19.407486],[109.751993,19.416974],[109.728197,19.496023],[109.760048,19.528895],[109.7694,19.578508],[109.709308,19.57756],[109.659402,19.611048],[109.664216,19.629685],[109.582921,19.637581],[109.557366,19.697421],[109.599402,19.730726],[109.569218,19.797947],[109.564588,19.854888],[109.498663,19.873339],[109.410794,19.895256],[109.349591,19.898724],[109.30811,19.9178],[109.264592,19.90503],[109.255611,19.867189],[109.218574,19.855834],[109.15913,19.790689],[109.169501,19.736724],[109.147649,19.704998],[109.093668,19.689844],[109.048576,19.620051],[108.993392,19.586723],[108.928671,19.524313]]]]}},{"type":"Feature","properties":{"adcode":469001,"name":"五指山市","center":[109.516662,18.776921],"centroid":[109.511892,18.824035],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":4,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.715419,18.833686],[109.699123,18.889379],[109.730512,18.913649],[109.676531,18.925862],[109.601532,18.910318],[109.55357,18.946321],[109.524033,19.030986],[109.468386,19.032254],[109.456349,18.995635],[109.424775,18.990403],[109.367739,18.936171],[109.34848,18.946321],[109.32635,18.926338],[109.343109,18.877163],[109.374591,18.853998],[109.353387,18.812896],[109.356628,18.710653],[109.398109,18.671104],[109.408016,18.627733],[109.448293,18.655378],[109.48857,18.64664],[109.539866,18.659508],[109.533662,18.694295],[109.576717,18.714782],[109.619865,18.678252],[109.641809,18.72304],[109.703012,18.721769],[109.681531,18.786071],[109.689216,18.830036],[109.715419,18.833686]]]]}},{"type":"Feature","properties":{"adcode":469002,"name":"琼海市","center":[110.466785,19.246011],"centroid":[110.421962,19.210377],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":5,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.610593,19.084394],[110.619296,19.152041],[110.676703,19.286302],[110.706517,19.320167],[110.730035,19.378859],[110.633555,19.391354],[110.604574,19.350386],[110.584111,19.367787],[110.581426,19.419504],[110.546242,19.46836],[110.504853,19.46836],[110.484761,19.443223],[110.450317,19.447492],[110.423928,19.413495],[110.368744,19.391829],[110.327356,19.315261],[110.3593,19.298646],[110.344392,19.228368],[110.300226,19.21586],[110.224857,19.221718],[110.170598,19.191317],[110.150876,19.208419],[110.115229,19.133191],[110.124118,19.04747],[110.158562,18.99944],[110.229579,19.002452],[110.249949,18.976292],[110.465039,19.074411],[110.477539,19.096912],[110.521797,19.102932],[110.610593,19.084394]]]]}},{"type":"Feature","properties":{"adcode":469005,"name":"文昌市","center":[110.753975,19.612986],"centroid":[110.788535,19.747363],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":6,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.730035,19.378859],[110.781053,19.395783],[110.844015,19.450179],[110.920774,19.552598],[111.008921,19.60394],[111.071327,19.628895],[111.044013,19.763551],[111.013643,19.850472],[110.969569,20.010151],[110.940959,20.028583],[110.871515,20.011569],[110.808738,20.035672],[110.778368,20.068276],[110.744665,20.073946],[110.717258,20.148734],[110.687073,20.16353],[110.655685,20.134409],[110.56226,20.109691],[110.526612,20.075206],[110.598,19.98305],[110.634666,19.965401],[110.675314,19.907868],[110.676147,19.860092],[110.699573,19.861512],[110.704665,19.805992],[110.670314,19.812776],[110.623,19.735461],[110.623463,19.664109],[110.672814,19.647214],[110.636148,19.593989],[110.641333,19.549122],[110.611518,19.526841],[110.540223,19.535532],[110.519297,19.563341],[110.469854,19.531424],[110.485779,19.502345],[110.520594,19.509931],[110.546242,19.46836],[110.581426,19.419504],[110.584111,19.367787],[110.604574,19.350386],[110.633555,19.391354],[110.730035,19.378859]]]]}},{"type":"Feature","properties":{"adcode":469006,"name":"万宁市","center":[110.388793,18.796216],"centroid":[110.324496,18.830445],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":7,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.158562,18.99944],[110.108284,18.944577],[110.097729,18.911746],[110.045322,18.884778],[110.095785,18.811467],[110.057267,18.758448],[110.014952,18.732885],[110.020786,18.658873],[110.115877,18.592774],[110.137543,18.606123],[110.213931,18.578789],[110.246246,18.609619],[110.329393,18.642509],[110.36754,18.632182],[110.495316,18.649976],[110.500779,18.752732],[110.577908,18.784642],[110.590593,18.839082],[110.585871,18.897786],[110.610593,19.084394],[110.521797,19.102932],[110.477539,19.096912],[110.465039,19.074411],[110.249949,18.976292],[110.229579,19.002452],[110.158562,18.99944]]]]}},{"type":"Feature","properties":{"adcode":469007,"name":"东方市","center":[108.653789,19.10198],"centroid":[108.818801,18.996184],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":8,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.125242,18.878432],[109.089779,18.909842],[109.113668,18.969949],[109.098853,19.028291],[109.008762,19.050005],[109.022929,19.107052],[108.99191,19.13034],[108.954874,19.218869],[108.916171,19.218552],[108.833209,19.25987],[108.783765,19.244674],[108.704136,19.262719],[108.644785,19.349278],[108.605712,19.264619],[108.591082,19.141587],[108.598305,19.055869],[108.630434,19.003086],[108.637841,18.924593],[108.595619,18.872086],[108.593212,18.809404],[108.659785,18.716846],[108.761543,18.732091],[108.81145,18.720022],[108.844412,18.750827],[108.928578,18.790198],[108.987003,18.786547],[109.015151,18.808928],[109.071076,18.807499],[109.094965,18.857012],[109.125242,18.878432]]]]}},{"type":"Feature","properties":{"adcode":469021,"name":"定安县","center":[110.349235,19.684966],"centroid":[110.312936,19.483405],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":9,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.224857,19.221718],[110.300226,19.21586],[110.344392,19.228368],[110.3593,19.298646],[110.327356,19.315261],[110.368744,19.391829],[110.423928,19.413495],[110.450317,19.447492],[110.484761,19.443223],[110.504853,19.46836],[110.546242,19.46836],[110.520594,19.509931],[110.485779,19.502345],[110.469854,19.531424],[110.519297,19.563341],[110.486705,19.593357],[110.455687,19.574559],[110.401151,19.606626],[110.372633,19.654004],[110.393373,19.698053],[110.340041,19.720625],[110.314208,19.697421],[110.262449,19.687318],[110.221616,19.629843],[110.186524,19.636791],[110.160784,19.67153],[110.13134,19.648003],[110.137266,19.56034],[110.192172,19.58925],[110.196339,19.535374],[110.243005,19.517675],[110.227727,19.450654],[110.194024,19.455871],[110.164487,19.426146],[110.165691,19.361459],[110.188283,19.306242],[110.228098,19.301969],[110.224857,19.221718]]]]}},{"type":"Feature","properties":{"adcode":469022,"name":"屯昌县","center":[110.102773,19.362916],"centroid":[110.055723,19.342208],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":10,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.115229,19.133191],[110.150876,19.208419],[110.170598,19.191317],[110.224857,19.221718],[110.228098,19.301969],[110.188283,19.306242],[110.165691,19.361459],[110.164487,19.426146],[110.194024,19.455871],[110.227727,19.450654],[110.243005,19.517675],[110.196339,19.535374],[110.192172,19.58925],[110.137266,19.56034],[110.101803,19.54928],[110.119488,19.503293],[110.072081,19.492071],[110.045785,19.456029],[110.020508,19.485432],[109.938287,19.485749],[109.94699,19.468044],[109.914583,19.42409],[109.912917,19.391671],[109.876436,19.386926],[109.826436,19.343108],[109.822733,19.289626],[109.923565,19.239608],[109.957638,19.188625],[110.026526,19.17564],[110.057267,19.134617],[110.115229,19.133191]]]]}},{"type":"Feature","properties":{"adcode":469023,"name":"澄迈县","center":[110.007147,19.737095],"centroid":[109.990417,19.700201],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":11,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.137266,19.56034],[110.13134,19.648003],[110.160784,19.67153],[110.186524,19.636791],[110.221616,19.629843],[110.262449,19.687318],[110.222357,19.67974],[110.208468,19.716679],[110.228283,19.753767],[110.186246,19.864193],[110.143932,19.889106],[110.161895,19.977693],[110.106525,20.026851],[109.997638,19.979899],[109.965231,19.993608],[109.855047,19.984153],[109.879491,19.885322],[109.842269,19.871446],[109.884121,19.853311],[109.874306,19.799524],[109.897084,19.77933],[109.852732,19.652582],[109.786437,19.608047],[109.7694,19.578508],[109.760048,19.528895],[109.728197,19.496023],[109.751993,19.416974],[109.737734,19.407486],[109.793474,19.379966],[109.857269,19.412388],[109.876436,19.386926],[109.912917,19.391671],[109.914583,19.42409],[109.94699,19.468044],[109.938287,19.485749],[110.020508,19.485432],[110.045785,19.456029],[110.072081,19.492071],[110.119488,19.503293],[110.101803,19.54928],[110.137266,19.56034]]]]}},{"type":"Feature","properties":{"adcode":469024,"name":"临高县","center":[109.687697,19.908293],"centroid":[109.71548,19.809704],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":12,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.855047,19.984153],[109.814307,19.992977],[109.761715,19.981317],[109.712271,20.017398],[109.585328,19.98825],[109.526626,19.943494],[109.498663,19.873339],[109.564588,19.854888],[109.569218,19.797947],[109.599402,19.730726],[109.557366,19.697421],[109.582921,19.637581],[109.664216,19.629685],[109.659402,19.611048],[109.709308,19.57756],[109.7694,19.578508],[109.786437,19.608047],[109.852732,19.652582],[109.897084,19.77933],[109.874306,19.799524],[109.884121,19.853311],[109.842269,19.871446],[109.879491,19.885322],[109.855047,19.984153]]]]}},{"type":"Feature","properties":{"adcode":469025,"name":"白沙黎族自治县","center":[109.452606,19.224584],"centroid":[109.351743,19.20989],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":13,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.298203,18.960911],[109.34848,18.946321],[109.367739,18.936171],[109.424775,18.990403],[109.456349,18.995635],[109.468386,19.032254],[109.524033,19.030986],[109.561347,19.072668],[109.601439,19.053492],[109.613569,19.086454],[109.687734,19.118775],[109.686994,19.178965],[109.673105,19.207627],[109.634031,19.20256],[109.611995,19.252589],[109.587365,19.243249],[109.541625,19.311939],[109.468386,19.301178],[109.506348,19.359561],[109.483848,19.406063],[109.457275,19.39942],[109.424405,19.354815],[109.384035,19.355448],[109.318943,19.398155],[109.26774,19.376803],[109.178389,19.399262],[109.13052,19.479584],[109.117557,19.46757],[109.051447,19.487803],[109.04478,19.430415],[109.043669,19.342792],[109.08265,19.328869],[109.142834,19.265727],[109.120242,19.203985],[109.163667,19.14222],[109.177093,19.083443],[109.271166,19.067438],[109.298203,18.960911]]]]}},{"type":"Feature","properties":{"adcode":469026,"name":"昌江黎族自治县","center":[109.053351,19.260968],"centroid":[108.993675,19.226048],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":14,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.04478,19.430415],[108.997373,19.431522],[108.982744,19.477213],[108.939596,19.497287],[108.928671,19.524313],[108.887004,19.4897],[108.806357,19.450654],[108.747654,19.391671],[108.694137,19.387084],[108.644785,19.349278],[108.704136,19.262719],[108.783765,19.244674],[108.833209,19.25987],[108.916171,19.218552],[108.954874,19.218869],[108.99191,19.13034],[109.022929,19.107052],[109.008762,19.050005],[109.098853,19.028291],[109.113668,18.969949],[109.089779,18.909842],[109.125242,18.878432],[109.141816,18.904449],[109.206722,18.894772],[109.265518,18.905877],[109.298203,18.960911],[109.271166,19.067438],[109.177093,19.083443],[109.163667,19.14222],[109.120242,19.203985],[109.142834,19.265727],[109.08265,19.328869],[109.043669,19.342792],[109.04478,19.430415]]]]}},{"type":"Feature","properties":{"adcode":469027,"name":"乐东黎族自治县","center":[109.175444,18.74758],"centroid":[109.029671,18.639822],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":15,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.405146,18.623443],[109.408016,18.627733],[109.398109,18.671104],[109.356628,18.710653],[109.353387,18.812896],[109.374591,18.853998],[109.343109,18.877163],[109.32635,18.926338],[109.34848,18.946321],[109.298203,18.960911],[109.265518,18.905877],[109.206722,18.894772],[109.141816,18.904449],[109.125242,18.878432],[109.094965,18.857012],[109.071076,18.807499],[109.015151,18.808928],[108.987003,18.786547],[108.928578,18.790198],[108.844412,18.750827],[108.81145,18.720022],[108.761543,18.732091],[108.659785,18.716846],[108.664137,18.673328],[108.641082,18.565279],[108.644971,18.486741],[108.658304,18.462728],[108.70997,18.444119],[108.776728,18.442051],[108.881264,18.416599],[108.932374,18.335288],[109.015243,18.422645],[109.072557,18.452231],[109.195148,18.469407],[109.185056,18.507095],[109.203574,18.553517],[109.246537,18.558921],[109.313295,18.517429],[109.332832,18.575451],[109.405146,18.623443]]]]}},{"type":"Feature","properties":{"adcode":469028,"name":"陵水黎族自治县","center":[110.037218,18.505006],"centroid":[109.951436,18.549546],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":16,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[110.014952,18.732885],[109.980416,18.76718],[109.94412,18.771942],[109.902361,18.739395],[109.891065,18.754479],[109.830696,18.728597],[109.773474,18.809404],[109.756159,18.788928],[109.771993,18.723675],[109.802177,18.725263],[109.839677,18.67857],[109.804677,18.594364],[109.846621,18.57116],[109.828751,18.511229],[109.781159,18.51107],[109.809955,18.459388],[109.785048,18.426622],[109.805418,18.347543],[109.919676,18.375551],[109.999767,18.359797],[110.070785,18.376187],[110.090507,18.399258],[110.116618,18.506618],[110.213931,18.578789],[110.137543,18.606123],[110.115877,18.592774],[110.020786,18.658873],[110.014952,18.732885]]]]}},{"type":"Feature","properties":{"adcode":469029,"name":"保亭黎族苗族自治县","center":[109.70245,18.636371],"centroid":[109.650759,18.589686],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":17,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.715419,18.833686],[109.689216,18.830036],[109.681531,18.786071],[109.703012,18.721769],[109.641809,18.72304],[109.619865,18.678252],[109.576717,18.714782],[109.533662,18.694295],[109.539866,18.659508],[109.48857,18.64664],[109.448293,18.655378],[109.408016,18.627733],[109.405146,18.623443],[109.423386,18.574657],[109.506163,18.551291],[109.535237,18.53142],[109.536996,18.490717],[109.515607,18.429008],[109.539866,18.396713],[109.665883,18.391462],[109.710882,18.426462],[109.725234,18.493102],[109.781159,18.51107],[109.828751,18.511229],[109.846621,18.57116],[109.804677,18.594364],[109.839677,18.67857],[109.802177,18.725263],[109.771993,18.723675],[109.756159,18.788928],[109.773474,18.809404],[109.715419,18.833686]]]]}},{"type":"Feature","properties":{"adcode":469030,"name":"琼中黎族苗族自治县","center":[109.839996,19.03557],"centroid":[109.854584,19.033919],"childrenNum":0,"level":"city","parent":{"adcode":460000},"subFeatureIndex":18,"acroutes":[100000,460000]},"geometry":{"type":"MultiPolygon","coordinates":[[[[109.876436,19.386926],[109.857269,19.412388],[109.793474,19.379966],[109.737734,19.407486],[109.646439,19.402425],[109.647272,19.357505],[109.700234,19.349436],[109.713382,19.309881],[109.697271,19.271267],[109.706808,19.22156],[109.686994,19.178965],[109.687734,19.118775],[109.613569,19.086454],[109.601439,19.053492],[109.561347,19.072668],[109.524033,19.030986],[109.55357,18.946321],[109.601532,18.910318],[109.676531,18.925862],[109.730512,18.913649],[109.699123,18.889379],[109.715419,18.833686],[109.773474,18.809404],[109.830696,18.728597],[109.891065,18.754479],[109.902361,18.739395],[109.94412,18.771942],[109.980416,18.76718],[110.014952,18.732885],[110.057267,18.758448],[110.095785,18.811467],[110.045322,18.884778],[110.097729,18.911746],[110.108284,18.944577],[110.158562,18.99944],[110.124118,19.04747],[110.115229,19.133191],[110.057267,19.134617],[110.026526,19.17564],[109.957638,19.188625],[109.923565,19.239608],[109.822733,19.289626],[109.826436,19.343108],[109.876436,19.386926]]]]}}]}
\ No newline at end of file
diff --git a/static/index/SC.png b/static/index/SC.png
new file mode 100644
index 0000000..92b39e2
Binary files /dev/null and b/static/index/SC.png differ
diff --git a/static/index/a.png b/static/index/a.png
new file mode 100644
index 0000000..e00433d
Binary files /dev/null and b/static/index/a.png differ
diff --git a/static/index/a4.png b/static/index/a4.png
new file mode 100644
index 0000000..d36d1ec
Binary files /dev/null and b/static/index/a4.png differ
diff --git a/static/index/lx.png b/static/index/lx.png
new file mode 100644
index 0000000..902581a
Binary files /dev/null and b/static/index/lx.png differ
diff --git a/static/index/lz.png b/static/index/lz.png
new file mode 100644
index 0000000..18dd3ed
Binary files /dev/null and b/static/index/lz.png differ
diff --git a/static/jsonData/xuantan.js b/static/jsonData/xuantan.js
new file mode 100644
index 0000000..ea839a4
--- /dev/null
+++ b/static/jsonData/xuantan.js
@@ -0,0 +1,2 @@
+ let geoJson=  {"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[105.58044672324704,29.232501869565283],[105.58387984751147,29.231905162568722],[105.58525276796071,29.23100740499773],[105.58765636533865,29.230109891461503],[105.59108817752734,29.23100899513935],[105.59211761059457,29.23310461242343],[105.59451931403676,29.233703286324243],[105.59657800733171,29.233703173404752],[105.59966569661108,29.233104088722353],[105.60103762292444,29.231008234236292],[105.60275307928967,29.22980953424178],[105.60515369851572,29.228012835198943],[105.60558722653654,29.22793768452918],[105.6073023028588,29.227188339613758],[105.60850183507921,29.2274864336602],[105.60472927175864,29.225841597144235],[105.60129872749455,29.224644748938843],[105.60284239678091,29.22224896822017],[105.60507214351223,29.221349697558665],[105.60661546601244,29.220450591574984],[105.60781506695673,29.22015015248815],[105.60936016683098,29.219851438520227],[105.61176000782133,29.219400132630486],[105.61347356842468,29.219698612399988],[105.61553072362697,29.21550495959634],[105.61741670963951,29.216400599200107],[105.61878752216724,29.215352044639882],[105.61775934866193,29.212807903058295],[105.62101500295958,29.210108600489445],[105.6229006719999,29.20950797329405],[105.62564159525627,29.208756311501645],[105.62615575098015,29.206060667218168],[105.6250361154086,29.201942070021925],[105.62632765257337,29.201717663447777],[105.62941152514061,29.201563813915172],[105.62701342846664,29.199620360917088],[105.6266701481669,29.19872245764171],[105.62743473219626,29.197146664118776],[105.62743482876897,29.195350000967526],[105.6288979480814,29.194526720460672],[105.62992589127505,29.193776910770037],[105.63078216864841,29.192877418926525],[105.63215231052614,29.19242585133341],[105.63472178107037,29.191972481174282],[105.63849036259434,29.190918524677812],[105.63908419252627,29.18724533829129],[105.6394274945168,29.18544714290364],[105.63874219243715,29.183351801761503],[105.63771470893543,29.180358662039353],[105.63874243489258,29.178859186475567],[105.64011230529536,29.17795768807726],[105.64182541441137,29.175258945326643],[105.64285304245686,29.17376038146801],[105.64285309106464,29.172861062996738],[105.6462778060149,29.1719569391515],[105.64867484160636,29.171952752200234],[105.65210022258556,29.170748525003802],[105.65141513602451,29.167754042979457],[105.65038792807394,29.164460403153367],[105.64833320192915,29.162666425493963],[105.64525089755863,29.161473689050794],[105.64388134359838,29.159378615880822],[105.64319612637013,29.15698360016786],[105.64251186517428,29.155187116908102],[105.64216882995859,29.15249075602572],[105.64353864218323,29.15069086301763],[105.64285445058474,29.147695314526967],[105.64148479497617,29.146199728088128],[105.642854628517,29.14439985910833],[105.6428547255663,29.14260224929462],[105.64388246050385,29.138704549744986],[105.64353937037109,29.13720728781917],[105.6407999779139,29.135713965781473],[105.6387448094878,29.134817947345407],[105.63771732463096,29.131822883580988],[105.63600426719158,29.13032667077787],[105.63360649133155,29.131229514243824],[105.63223626905315,29.134228138995475],[105.62949593018473,29.135131198610555],[105.6277822672693,29.13723080969126],[105.627096572485,29.138130983892992],[105.62743976806345,29.14052769029211],[105.62709634752255,29.142325732933987],[105.62572589363174,29.144424809367557],[105.62538348326605,29.145624297926894],[105.62606812323929,29.14652177036884],[105.62538340296926,29.1471221418197],[105.6247116786334,29.14704900294086],[105.62264150846234,29.146825563449493],[105.62058517957958,29.1462282555804],[105.62024280201682,29.14563007489879],[105.6188722010709,29.144132622782823],[105.61612965424585,29.143535667061567],[105.6171580636809,29.14293619406663],[105.61715815981815,29.141137586272972],[105.61750075433645,29.138441355520527],[105.61304463336056,29.13664658095931],[105.6130445693585,29.13784565000794],[105.61098739054367,29.138446700012434],[105.60927369380866,29.137248767453027],[105.6082448962048,29.138747232317716],[105.60618735311425,29.13814982268049],[105.60824510384128,29.134852256435728],[105.60412979443504,29.134254801660095],[105.60310077502936,29.135454281104504],[105.60241457221883,29.133057394514136],[105.60172825185113,29.132458091045358],[105.6000137902028,29.13215881099758],[105.59864205135955,29.129462211464315],[105.5975868838318,29.128847866094794],[105.59658362494784,29.128263443920236],[105.59452497789204,29.127364258355183],[105.5931518465597,29.125266868204946],[105.59246618953449,29.125266822939853],[105.59143672512337,29.124067652860266],[105.59075015423457,29.121370664439056],[105.5917798763439,29.118373151559968],[105.58903492646067,29.118372677342773],[105.58663160283733,29.117173925037385],[105.58415198641985,29.116198703567065],[105.58140487585365,29.118444524906806],[105.58106185132817,29.11844432420253],[105.5790014959045,29.119941832474073],[105.57728500198397,29.121888064827793],[105.5752242194268,29.12413463875482],[105.57230376133195,29.127128610234692],[105.56938405217925,29.126975661470905],[105.56766691308724,29.125775618318386],[105.56594875008162,29.122326205839723],[105.56199719585904,29.12097293267838],[105.56062157909307,29.1244172268051],[105.56096580263714,29.127114631671144],[105.56113683929647,29.129811779901598],[105.5605270356517,29.1327336005266],[105.55812018066334,29.13512702205497],[105.5570887882727,29.13782226389101],[105.55674529888687,29.13901977114124],[105.55537034795333,29.142613680816165],[105.55227602407497,29.14380629478586],[105.55090106345988,29.14260567638974],[105.55021287696034,29.14530129121295],[105.54711794835238,29.145295223885512],[105.54514961924085,29.145215243473398],[105.54239771769988,29.14506048335456],[105.53981787917647,29.144754976870356],[105.53809853633012,29.144301380234086],[105.53576674332804,29.14556990063762],[105.53335861397194,29.146762131705408],[105.53267105442038,29.148258277488583],[105.52991797603813,29.148551114156966],[105.5275094816919,29.14884465620254],[105.52372350336698,29.15003266574224],[105.52269085139638,29.153026559202146],[105.52372322899164,29.15512674886473],[105.52165822401963,29.15512112477358],[105.51787291624674,29.15331297840491],[105.51546275760953,29.153904685464887],[105.51408613588954,29.15539859212591],[105.51856050025445,29.156010840948237],[105.51752783557075,29.1572060177875],[105.51718390063928,29.15840412859151],[105.51511848767095,29.161094192924544],[105.51477447404808,29.163490377142498],[105.51477439302495,29.16498823520354],[105.51538585439691,29.167011443984016],[105.51366443479625,29.166706734909976],[105.5117714759197,29.167300801133553],[105.50936108888851,29.168192079610137],[105.5078891025287,29.16976055544304],[105.50754515627322,29.170359085535765],[105.50574328731916,29.171476901394005],[105.50454202895445,29.172221765980993],[105.50857768691276,29.174260172281116],[105.50961024086494,29.177558713007407],[105.50961019213406,29.178457034291032],[105.51305305160032,29.18146279795541],[105.51442955048095,29.182664860160866],[105.51718252417108,29.183870802383233],[105.51924763780674,29.18537347970175],[105.52028020374046,29.185376351550214],[105.52337778720695,29.185086066065058],[105.52475509832162,29.18479000178901],[105.52853997926833,29.183601875868806],[105.5288838745286,29.18150634157795],[105.52888397125557,29.179708696225426],[105.53163713402698,29.179415929992217],[105.53301315501403,29.178820808181896],[105.53645330877622,29.180027236072878],[105.53817372673846,29.180929593169168],[105.53870472650965,29.1818551237984],[105.53886202124967,29.18212927938141],[105.5402375271017,29.185128157273176],[105.54271209510094,29.186210822631136],[105.54298959345009,29.18633233375994],[105.54677213537288,29.187238588124895],[105.54711559444475,29.189335713182825],[105.54574021600105,29.190531009927653],[105.54539654606683,29.192028178517067],[105.54470830316761,29.192925070106746],[105.54436462048803,29.19442122964158],[105.54436452422577,29.19621889184615],[105.54573978319665,29.198616986589172],[105.54573968695792,29.200414653823948],[105.5453959367855,29.20340872572322],[105.54573946251736,29.20460655348084],[105.54849088991156,29.20700833563576],[105.54952245474688,29.2082084630626],[105.54883427728963,29.21000380659218],[105.54755317349708,29.21069876041772],[105.5460836804524,29.211495194491114],[105.54538944502187,29.212400096359982],[105.54533635007762,29.212468935136354],[105.54470721249587,29.21328901785758],[105.54446978513499,29.213495366602295],[105.54298806905416,29.21478225750425],[105.54298790849086,29.217777070895202],[105.5429878603236,29.218675416587963],[105.54298781215464,29.219573762816523],[105.54195588774706,29.220170078310083],[105.54057925476494,29.221065371093616],[105.5398918591708,29.2225607356894],[105.54161103833694,29.224061495176574],[105.54367480984223,29.22406597980043],[105.54608300679979,29.224071027831023],[105.54745830317194,29.224073818641024],[105.5519282377665,29.22408240915283],[105.55295975207814,29.223485717902104],[105.55399109187641,29.225284249868483],[105.55639720014524,29.226485499741916],[105.55674147321494,29.22948090883068],[105.55674136120862,29.231576401239217],[105.5577715609463,29.232775218018215],[105.55983398054485,29.23217987417894],[105.56292719534457,29.23218438266703],[105.56464578915904,29.23218671316626],[105.56636422621055,29.23248870207658],[105.56842573620753,29.233389532734893],[105.57117347633611,29.23369132858102],[105.57254731229042,29.23189699795175],[105.57426499446386,29.233994101651678],[105.57769922476707,29.232499995561167],[105.58044672324704,29.232501869565283]]]},"properties":{"name":"玄滩镇","fill-opacity":0,"stroke-opacity":1,"stroke":"#ff0000"}}]}
+ export default geoJson;
\ No newline at end of file
diff --git a/static/login/BKH.png b/static/login/BKH.png
new file mode 100644
index 0000000..bde8156
Binary files /dev/null and b/static/login/BKH.png differ
diff --git a/static/login/DL.png b/static/login/DL.png
new file mode 100644
index 0000000..6e017db
Binary files /dev/null and b/static/login/DL.png differ
diff --git a/static/login/DLBG.png b/static/login/DLBG.png
new file mode 100644
index 0000000..1a0e842
Binary files /dev/null and b/static/login/DLBG.png differ
diff --git a/static/login/KJ.png b/static/login/KJ.png
new file mode 100644
index 0000000..863c1ff
Binary files /dev/null and b/static/login/KJ.png differ
diff --git a/static/login/MM.png b/static/login/MM.png
new file mode 100644
index 0000000..43fca71
Binary files /dev/null and b/static/login/MM.png differ
diff --git a/static/login/ZH.png b/static/login/ZH.png
new file mode 100644
index 0000000..4053e0c
Binary files /dev/null and b/static/login/ZH.png differ
diff --git a/static/login/bg.png b/static/login/bg.png
new file mode 100644
index 0000000..10e896c
Binary files /dev/null and b/static/login/bg.png differ