1

.gitignore

@@ -1,5 +1,6 @@
 .DS_Store
 node_modules
+package-lock.json
 /dist
 
 # local env files

package.json

@@ -17,6 +17,7 @@
     "moment": "^2.24.0",
     "naf-core": "^0.1.2",
     "vue": "^2.6.10",
+    "vue-amap": "^0.5.10",
     "vue-meta": "^2.3.3",
     "vue-router": "^3.1.3",
     "vuex": "^3.1.2",

src/layout/index/menuInfo.vue

@@ -17,15 +17,7 @@
           <el-menu-item index="/supermaket/supermarket">科技超市</el-menu-item>
           <el-menu-item index="/shuju/shuju">科技数据</el-menu-item>
           <el-menu-item index="/service/service">科技服务</el-menu-item>
-          <el-menu-item index="/">
-            <el-link
-              style="padding: 0px 0px;font-size: 22px;"
-              :underline="false"
-              href="http://139.210.167.203/free-technological-management/mapApply/getMap"
-              target="_blank"
-              >科技资源</el-link
-            >
-          </el-menu-item>
+          <el-menu-item index="/resource/resource">科技资源</el-menu-item>
           <el-menu-item index="/personnel/personnel">科技人才</el-menu-item>
         </el-menu>
       </el-col>

src/views/resource/resource.vue

@@ -1,19 +1,53 @@
 <template>
   <div id="resource">
-    <p>科技资源，地图形式</p>
+    <el-row>
+      <el-col :span="24">
+        <div id="container">
+          <el-amap class="amap-box" :vid="'amap-vue'"></el-amap>
+        </div>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+import VueAMap from 'vue-amap';
+import Vue from 'vue';
+Vue.use(VueAMap);
 export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
   name: 'resource',
   props: {},
   components: {},
-  data: () => ({}),
-  created() {},
-  computed: {},
-  methods: {},
+  data: function() {
+    return {};
+  },
+  created() {
+    this.handlemyMapFn();
+  },
+  methods: {
+    handlemyMapFn() {
+      VueAMap.initAMapApiLoader({
+        key: '4674208108af32f72dbcd161cd915c94',
+        plugin: [
+          'AMap.PolyEditor', //编辑 折线多，边形
+        ], // 默认高德 sdk 版本为 1.4.4
+        v: '1.4.4',
+      });
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+#container {
+  width: 100%;
+  height: 100vh;
+}
+</style>