diff --git a/package.json b/package.json
index 6a46cc5..2595125 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
"url": "https://gitee.com/y_project/MuYu-Cloud.git"
},
"dependencies": {
+ "@amap/amap-jsapi-loader": "^1.0.1",
"@riophae/vue-treeselect": "0.4.0",
"axios": "0.24.0",
"clipboard": "2.0.8",
@@ -53,6 +54,7 @@
"screenfull": "5.0.2",
"sortablejs": "1.10.2",
"vue": "2.6.12",
+ "vue-amap": "^0.5.10",
"vue-count-to": "1.0.13",
"vue-cropper": "0.5.5",
"vue-meta": "2.4.0",
diff --git a/src/main.js b/src/main.js
index 546f125..05f604a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -37,6 +37,10 @@ import DictTag from '@/components/DictTag'
import VueMeta from 'vue-meta'
// 字典数据组件
import DictData from '@/components/DictData'
+// 高德地图
+import AMapLoader from "@amap/amap-jsapi-loader"
+import VueAMap from "vue-amap";
+
// 全局方法挂载
Vue.prototype.getDicts = getDicts
@@ -84,3 +88,26 @@ new Vue({
store,
render: h => h(App)
})
+
+// 高德地图
+
+Vue.use(VueAMap);
+
+// 初始化vue-amap
+VueAMap.initAMapApiLoader({
+ // 高德的key
+ key: "b5f283177b02e0bdd7f4981f4f219432", // 换成你自己的key,这是我随便写的
+ // 插件集合
+ plugin: [
+ "AMap.Autocomplete",
+ "AMap.PlaceSearch",
+ "AMap.Scale",
+ "AMap.OverView",
+ "AMap.ToolBar",
+ "AMap.MapType",
+ "AMap.PolyEditor",
+ "AMap.CircleEditor",
+ ],
+ // 高德 sdk 版本，默认为 1.4.4
+ v: "1.4.4",
+});
diff --git a/src/views/couplet/fence/index.html b/src/views/couplet/fence/index.html
new file mode 100644
index 0000000..feb8236
--- /dev/null
+++ b/src/views/couplet/fence/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+ Title
+
+
+
+
+
+
+
diff --git a/src/views/couplet/fence/index.vue b/src/views/couplet/fence/index.vue
index 762e8b7..fb59894 100644
--- a/src/views/couplet/fence/index.vue
+++ b/src/views/couplet/fence/index.vue
@@ -1,11 +1,93 @@
-
-
-
+
+
+
+
+
+
+
+
+
-