Accueil Explorer Aide
S'inscrire Connexion
liebao
/
liebao-web
2
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

no message

ZhouFeng il y a 3 ans
Parent
55436abd4b
commit
a45ac806d9
5 fichiers modifiés avec 78 ajouts et 1 suppressions
Vue unifiée Afficher les stats Diff
  1. 1 0
      index.html
  2. 1 0
      package.json
  3. 4 1
      src/components/Home.vue
  4. 61 0
      src/components/orderComponents/orderAMap.vue
  5. 11 0
      src/main.js

+ 1 - 0
index.html
Voir le fichier 

@@ -3,6 +3,7 @@
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
+    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=610161977d2e2632eb34aff3e88a079f"></script>
 
     <title>猎豹AI</title>
 
     <title>猎豹AI</title>
 
   </head>
 
   </head>
 
   <body>
 
   <body>

+ 1 - 0
package.json
Voir le fichier 

@@ -14,6 +14,7 @@
 
     "element-ui": "^2.15.5",
 
     "element-ui": "^2.15.5",
 
     "node-sass": "^6.0.1",
 
     "node-sass": "^6.0.1",
 
     "vue": "^2.5.2",
 
     "vue": "^2.5.2",
 
+    "vue-amap": "^0.5.10",
 
     "vue-router": "^3.0.1"
 
     "vue-router": "^3.0.1"
 
   },
 
   },
 
   "devDependencies": {
 
   "devDependencies": {

+ 4 - 1
src/components/Home.vue
Voir le fichier 

@@ -37,6 +37,7 @@
 
         </div>
 
         </div>
 
       </el-col>
 
       </el-col>
 
     </el-row>
 
     </el-row>
 
+    <order-map></order-map>
 
   </div>
 
   </div>
 
 </template>
 
 </template>
 
 
 
@@ -45,6 +46,7 @@
 
   import OrderDetail from './orderComponents/orderDetail.vue';
 
   import OrderDetail from './orderComponents/orderDetail.vue';
 
   import OrderList from './orderComponents/orderList.vue';
 
   import OrderList from './orderComponents/orderList.vue';
 
   import orderTrack from './orderComponents/orderTrack'
 
   import orderTrack from './orderComponents/orderTrack'
 
+  import orderMap from './orderComponents/orderAMap.vue';
 
   export default {
 
   export default {
 
     data() {
 
     data() {
 
       return {
 
       return {
 
@@ -66,7 +68,8 @@
 
       sendOrderPopup,
 
       sendOrderPopup,
 
         OrderDetail,
 
         OrderDetail,
 
         OrderList,
 
         OrderList,
 
-        orderTrack
 
+        orderTrack,
 
+        orderMap
 
     },
 
     },
 
     methods: {
 
     methods: {
 
       sendOrder() {
 
       sendOrder() {

+ 61 - 0
src/components/orderComponents/orderAMap.vue
Voir le fichier 

@@ -0,0 +1,61 @@
 
+<template>
 
+  <el-dialog width="80%" :show-close="false" destroy-on-close :visible.sync="dialogTableVisible">
 
+    <!-- <div id="container"></div> -->
 
+    <el-amap vid="container" style="height: 600px;" :center="center" :zoom="zoom" class="amap-demo">
 
+      <!-- <el-amap-marker v-for="(marker,index) in markers" :key="index" :position="marker.position"
 
+        :events="marker.events"></el-amap-marker> -->
 
+      <!-- <el-amap-info-window v-if="window" :position="window.position" :visible="window.visible"
 
+        :content="window.content"></el-amap-info-window> -->
 
+    </el-amap>
 
+  </el-dialog>
 
+</template>
 
+
 
+<script>
 
+  export default {
 
+    data() {
 
+      return {
 
+        dialogTableVisible: true,
 
+        order: {},
 
+        markers: [],
 
+        srcList: [],
 
+        windows: [],
 
+        window: '',
 
+        geocoder: '',
 
+        defaultCity: '苏州',
 
+        zoom: 16,
 
+        center: [120.619585, 31.299379],
 
+        address: '',
 
+        province: '',
 
+        city: '',
 
+        district: '',
 
+        lng: '',
 
+        lat: '',
 
+        addArr: {
 
+          addr: {}
 
+        },
 
+      }
 
+    },
 
+    created() {
 
+      var map = new AMap.Map('container', {
 
+        zoom: 11, //级别
 
+        center: [116.397428, 39.90923], //中心点坐标
 
+      });
 
+      console.log(map, '地图')
 
+    },
 
+    methods: {
 
+      setDialogStatus() {
 
+        this.dialogTableVisible = true;
 
+      }
 
+    }
 
+  }
 
+</script>
 
+
 
+<style lang="scss" scoped>
 
+  /deep/ .el-dialog__header {
 
+    display: none !important;
 
+  }
 
+  #container {
 
+    width: 100%;
 
+    height: 400px;
 
+  }
 
+</style>

+ 11 - 0
src/main.js
Voir le fichier 

@@ -6,6 +6,8 @@ import router from './router'
 
 
 
 import Elementui from 'element-ui'
 
 import Elementui from 'element-ui'
 
 
 
+import VueAMap from 'vue-amap';
 
+
 
 import {get, post, postJson} from './api/http'
 
 import {get, post, postJson} from './api/http'
 
 
 
 Vue.config.productionTip = false
 
 Vue.config.productionTip = false
 
@@ -14,8 +16,17 @@ Vue.prototype.$get = get;
 
 Vue.prototype.$post = post;
 
 Vue.prototype.$post = post;
 
 Vue.prototype.$postJson = postJson;
 
 Vue.prototype.$postJson = postJson;
 
 
 
+Vue.use(VueAMap);
 
+
 
 Vue.use(Elementui)
 
 Vue.use(Elementui)
 
 
 
+VueAMap.initAMapApiLoader({
 
+  key: '610161977d2e2632eb34aff3e88a079f',
 
+  plugin: ['AMap.Scale','AMap.OverView','AMap.ToolBar','AMap.MapType','AMap.PlaceSearch','AMap.Geolocation','AMap.Geocoder'],
 
+  v: '1.4.4',
 
+  uiVersion: '1.0'
 
+})
 
+
 
 /* eslint-disable no-new */
 
 /* eslint-disable no-new */
 
 new Vue({
 
 new Vue({
 
   el: '#app',
 
   el: '#app',