aa

src/views/map/index.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="app-container">
     <el-amap ref="map" :center="center" :zoom="zoom" @init="initMap" @click="clickMap">
+
+      <el-amap-control-map-type :visible="controlVisible" />
       <el-amap-marker
         v-for="(marker, index) in markers"
         :key="index"
@@ -12,9 +14,17 @@
       />
     </el-amap>
     <div class="toolbar">
-      <el-card class="box-card">
-        <div slot="header" class="clearfix" style="width: 200px;">
-          <span>门店信息</span>
+      <el-card class="box-card" shadow="never">
+        <div slot="header" class="clearfix">
+          <span>当前门店信息</span>
+        </div>
+        <div>
+          {{ stinfo }}
+        </div>
+      </el-card>
+      <el-card class="box-card" shadow="never">
+        <div slot="header" class="clearfix">
+          <span>门店列表</span>
           <el-button style="float: right; padding: 3px 0" type="text">更新门店数据</el-button>
         </div>
         <div>
@@ -30,8 +40,9 @@
     name: 'MapVueAMap',
     data() {
       return {
+        controlVisible: true,
         stinfo: '',
-        zoom: 12,
+        zoom: 13,
         center: [114.490788, 38.033577],
 
         markers: [{
@@ -154,6 +165,7 @@
     position: absolute;
     top: 20px;
     left: 20px;
+    width: 300px;
   }
 
   .info {