vue-amap 坐标定位-单个

<el-amap vid="amapDemo" :zoom="zoom" :center="center">
  <el-amap-marker vid="component-marker" :position="componentMarker.position"></el-amap-marker>
</el-amap>

<template>
  <div class="amap-page-container">

    <el-amap vid="amapDemo"
             :amap-manager="amapManager"
             :events="mapEvents"
             class="amap-demo">
      <el-amap-marker vid="component-marker"
                      :position="componentMarker.position"></el-amap-marker>
    </el-amap>

  </div>
</template>

<script>
import VueAMap from 'vue-amap'
let amapManager = new VueAMap.AMapManager()

export default {
  name: 'map',
  data () {
    return {
      amapManager,
      mapEvents: {
        init (o) {
          o.setMapStyle('amap://styles/edbc379c8110f081c564f98d8c59f80c');//自定义的高德地图的样式

        }
      },
      componentMarker: {
        position: [121.5273285, 31.21315058]
      }
    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>

<style scoped>
.amap-demo {
  height: 300px;
}
</style>