init

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -0,0 +1,19 @@
+# web
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

package.json

@@ -0,0 +1,33 @@
+{
+  "name": "web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build"
+  },
+  "dependencies": {
+    "axios": "^0.27.2",
+    "core-js": "^3.6.5",
+    "element-ui": "^2.15.8",
+    "mars3d": "^3.4.1",
+    "swiper": "^4.5.1",
+    "v-viewer": "^1.5.1",
+    "vue": "^2.6.11",
+    "vue-lazyload": "^1.3.3",
+    "vue-router": "^3.2.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.13",
+    "@vue/cli-plugin-router": "~4.5.13",
+    "@vue/cli-service": "~4.5.13",
+    "less": "^3.0.4",
+    "less-loader": "^5.0.0",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}

public/data/12village.json

@@ -0,0 +1,178 @@
+{
+  "type": "FeatureCollection",
+  "name": "12village",
+  "crs": {
+    "type": "name",
+    "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" }
+  },
+  "features": [
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 3,
+        "name": "卢边村",
+        "belong": "蓬江区潮连街道办",
+        "logo": "江门蓬江",
+        "lng": 113.11731577,
+        "lat": 22.63147116
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [113.11731577, 22.63147116]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 5,
+        "name": "仓前村",
+        "belong": "开平市塘口镇",
+        "logo": "江门开平",
+        "lng": 112.56293754,
+        "lat": 22.35548258
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.56293754, 22.35548258]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 1,
+        "name": "东宁村",
+        "belong": "台山市端芬镇",
+        "logo": "江门台山",
+        "lng": 112.77709365,
+        "lat": 22.03879416
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.77709365, 22.03879416]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 10,
+        "name": "浮石村",
+        "belong": "台山市斗山镇",
+        "logo": "江门台山",
+        "lng": 112.85166979,
+        "lat": 22.05615878
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.85166979, 22.05615878]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 11,
+        "name": "浮月村",
+        "belong": "台山市斗山镇",
+        "logo": "江门台山",
+        "lng": 112.8051281,
+        "lat": 22.03516245
+      },
+      "geometry": { "type": "Point", "coordinates": [112.8051281, 22.03516245] }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 12,
+        "name": "横江村",
+        "belong": "台山市斗山镇",
+        "logo": "江门台山",
+        "lng": 112.84664869,
+        "lat": 22.0355916
+      },
+      "geometry": { "type": "Point", "coordinates": [112.84664869, 22.0355916] }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 2,
+        "name": "良溪村",
+        "belong": "蓬江区棠下镇",
+        "logo": "江门蓬江",
+        "lng": 113.02345991,
+        "lat": 22.7054894
+      },
+      "geometry": { "type": "Point", "coordinates": [113.02345991, 22.7054894] }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 9,
+        "name": "马降龙村",
+        "belong": "开平市百合镇",
+        "logo": "江门开平",
+        "lng": 112.56387949000001,
+        "lat": 22.28532672
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.56387949, 22.28532672]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 4,
+        "name": "田心村",
+        "belong": "鹤山市鹤城镇",
+        "logo": "江门鹤山",
+        "lng": 112.80080438,
+        "lat": 22.59469271
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.80080438, 22.59469271]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 6,
+        "name": "霄南村",
+        "belong": "鹤山市龙口镇",
+        "logo": "江门鹤山",
+        "lng": 112.91765213,
+        "lat": 22.77494788
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.91765213, 22.77494788]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 7,
+        "name": "歇马村",
+        "belong": "恩平市圣堂镇",
+        "logo": "江门恩平",
+        "lng": 112.37006307,
+        "lat": 22.24249721
+      },
+      "geometry": {
+        "type": "Point",
+        "coordinates": [112.37006307, 22.24249721]
+      }
+    },
+    {
+      "type": "Feature",
+      "properties": {
+        "id": 8,
+        "name": "自力村",
+        "belong": "开平市塘口镇",
+        "logo": "江门开平",
+        "lng": 112.5747478,
+        "lat": 22.37665057
+      },
+      "geometry": { "type": "Point", "coordinates": [112.5747478, 22.37665057] }
+    }
+  ]
+}

public/index.html

@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+
+    <!-- 方式2：使用cdn引入的Cesium -->
+    <!-- <link href="https://unpkg.com/mars3d-cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet" type="text/css" />
+  <script src="https://unpkg.com/mars3d-cesium/Build/Cesium/Cesium.js" type="text/javascript"></script>
+  <script src="https://unpkg.com/@turf/turf/turf.min.js" type="text/javascript"></script> -->
+
+    <script type="text/javascript">
+      window.CESIUM_BASE_URL = "<%= BASE_URL %>lib/Cesium/";
+    </script>
+    <link
+      rel="stylesheet"
+      href="<%= BASE_URL %>lib/Cesium/Widgets/widgets.css"
+    />
+    <script
+      type="text/javascript"
+      src="<%= BASE_URL %>lib/Cesium/Cesium.js"
+    ></script>
+    <script src="./lib/turf/turf.min.js" type="text/javascript"></script>
+    <title>江门市传统村落一张图</title>
+    <style>
+      .mars3d-locationbar {
+        background-color: #000 !important;
+        z-index: 0 !important;
+      }
+      .mars3d-divlayer>div:nth-of-type(5){
+        z-index: 2 !important;
+      }
+      .mars3d-divlayer>div:nth-of-type(12){
+        z-index: 2 !important;
+      }
+    </style>
+  </head>
+
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
+        properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>