调用原生amap的API

.eslintrc.js

@@ -3,6 +3,9 @@ module.exports = {
   env: {
     node: true
   },
+  globals: {
+    AMap: true
+  },
   'extends': [
     'plugin:vue/essential',
     '@vue/standard'

src/views/Home.vue

 <template>
   <div class="amap-wrapper">
-    <el-amap :zoom="zoom" :center="center" :vid="'amap-vue'" :style="{height: clientHeight}"></el-amap>
+    <el-input placeholder="请输入内容" v-model="input5" class="input-with-select">
+      <el-select v-model="select" slot="prepend" placeholder="请选择">
+        <el-option label="餐厅名" value="1"></el-option>
+        <el-option label="订单号" value="2"></el-option>
+        <el-option label="用户电话" value="3"></el-option>
+      </el-select>
+      <el-button slot="append" icon="el-icon-search"></el-button>
+    </el-input>
+    <el-amap :vid="'amap-vue'" :zoom="zoom" :amap-manager="amapManager" :center="center" :events="events" :style="{height: clientHeight}"></el-amap>
   </div>
 </template>
 
 <script>
+import { AMapManager } from 'vue-amap'
+
+let amapManager = new AMapManager()
+
 export default {
   data () {
     return {
       clientHeight: '',
+      amapManager,
       zoom: 7,
-      center: [118.28495, 36.335823]
+      center: [118.28495, 36.335823],
+      events: {
+        init (o) {
+          let marker = new AMap.Marker({
+            position: [118.28495, 36.335823]
+          })
+          marker.setMap(o)
+        }
+      },
+      input5: '',
+      select: ''
     }
   },
   mounted () {