修改地图问题

dist/css/TeachingSet.28ad2e16.css → dist/css/TeachingSet.d8898203.css

@@ -1 +1 @@
-.mheader[data-v-61d0e2e4]{height:.44rem;overflow:hidden}.m-nav-header[data-v-61d0e2e4]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;background-color:#14928a;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.m-nav-header.fixed[data-v-61d0e2e4]{position:fixed;z-index:99}.m-nav-header .m-nav-bar__title[data-v-61d0e2e4]{max-width:60%;margin:0 auto;color:#fff;font-weight:500;font-size:.16rem}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4],.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-61d0e2e4]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{right:.12rem}.teachingset[data-v-bd7e77a2]{min-height:100vh}.el-vue-amap-container[data-v-bd7e77a2]{height:60vh}[data-v-bd7e77a2] .van-sticky--fixed{top:.44rem!important}[data-v-bd7e77a2] .van-search{position:fixed;top:.44rem!important;right:0;left:0;z-index:99;padding:.1rem .23rem}[data-v-bd7e77a2] .van-search .van-cell{padding:.12rem}[data-v-bd7e77a2] .van-search .van-field__control{font-size:.16rem}[data-v-bd7e77a2] .van-search .van-search__content{border-radius:.5rem;background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.08),0 0 1px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.08),0 0 1px 0 rgba(0,0,0,.08)}[data-v-bd7e77a2] .van-search .van-icon-search{font-size:.2rem;font-weight:700;color:#14928a}.button-group[data-v-bd7e77a2]{margin:.3rem .26rem .2rem}.button-group .van-button--primary[data-v-bd7e77a2]{background:#14928a;font-size:.18rem}
+.mheader[data-v-61d0e2e4]{height:.44rem;overflow:hidden}.m-nav-header[data-v-61d0e2e4]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;background-color:#14928a;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.m-nav-header.fixed[data-v-61d0e2e4]{position:fixed;z-index:99}.m-nav-header .m-nav-bar__title[data-v-61d0e2e4]{max-width:60%;margin:0 auto;color:#fff;font-weight:500;font-size:.16rem}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4],.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-61d0e2e4]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{right:.12rem}.teachingset[data-v-1b22aa77]{min-height:100vh}.el-vue-amap-container[data-v-1b22aa77]{height:60vh}[data-v-1b22aa77] .van-sticky--fixed{top:.44rem!important}[data-v-1b22aa77] .van-search{position:fixed;top:.44rem!important;right:0;left:0;z-index:99;padding:.1rem .23rem}[data-v-1b22aa77] .van-search .van-cell{padding:.12rem}[data-v-1b22aa77] .van-search .van-field__control{font-size:.16rem}[data-v-1b22aa77] .van-search .van-search__content{border-radius:.5rem;background:#fff;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.08),0 0 1px 0 rgba(0,0,0,.08);box-shadow:0 4px 8px 0 rgba(0,0,0,.08),0 0 1px 0 rgba(0,0,0,.08)}[data-v-1b22aa77] .van-search .van-icon-search{font-size:.2rem;font-weight:700;color:#14928a}[data-v-1b22aa77] .van-search .van-search__action{background-color:#fff;border-radius:.15rem;position:absolute;right:.35rem}.button-group[data-v-1b22aa77]{margin:.3rem .26rem .2rem}.button-group .van-button--primary[data-v-1b22aa77]{background:#14928a;font-size:.18rem}

src/main.js

@@ -20,11 +20,11 @@ Vue.config.productionTip = false
 
 import VueAMap from 'vue-amap'
 Vue.use(VueAMap)
-// VueAMap.initAMapApiLoader({
-//     key: 'c7856e7c812d299cff150e74d60ea608',
-//     plugin: ['Geolocation', 'PlaceSearch', 'Geocoder', 'ToolBar'],
-//     v: '1.4.4'
-// })
+VueAMap.initAMapApiLoader({
+    key: 'c7856e7c812d299cff150e74d60ea608',
+    plugin: ['Geolocation', 'PlaceSearch', 'Geocoder', 'ToolBar'],
+    v: '1.4.4'
+})
 
 new Vue({
     store,

src/views/teacher/TeachingSet.vue

@@ -6,7 +6,10 @@
             shape="round"
             placeholder="搜小区、学校"
             background="transparent"
-            @search="onSearch"/>
+            show-action
+            @search="onSearch">
+            <div slot="action" @click="onSearch">搜索</div>
+        </van-search>
         <el-amap :zoom="zoom" :events="amapEvents()" :plugin="plugin" :center="center">
             <el-amap-marker :clickable="true" 
                 :events="marker.events" 
@@ -36,12 +39,12 @@
     </div>
 </template>
 <script>
-import AMap from 'vue-amap'
-AMap.initAMapApiLoader({
-    key: 'c7856e7c812d299cff150e74d60ea608',
-    plugin: ['AMap.Geolocation', 'AMap.PlaceSearch', 'AMap.Geocoder', 'AMap.ToolBar'],
-    v: '1.4.4'
-})
+// import AMap from 'vue-amap'
+// AMap.initAMapApiLoader({
+//     key: 'c7856e7c812d299cff150e74d60ea608',
+//     plugin: ['Geolocation', 'PlaceSearch', 'Geocoder', 'ToolBar'],
+//     v: '1.4.4'
+// })
 import MHeader from '@/components/MHeader'
 import { schoolAdd, schoolUpdate } from '@/api/teacher'
 export default {
@@ -161,6 +164,7 @@ export default {
             if(!this.search_value) return
             this.markers = [] // 重置位置
             let mapSearch = new AMap.PlaceSearch(this.searchOption)
+            
             // 目前只需要搜索第一条数据
             mapSearch.search(this.search_value, (status, sr) => {
                 if(sr && sr.poiList && sr.poiList.count) {
@@ -231,6 +235,12 @@ export default {
         font-weight: bold;
         color: @mColor;
     }
+    .van-search__action {
+        background-color: #fff;
+        border-radius: 0.15rem;
+        position: absolute;
+        right: 0.35rem;
+    }
 }
 .button-group {
     margin: .3rem .26rem .2rem;