在vue项目中引入高德地图

1 在index.html文件中引入js文件<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&key="></script>

2 334

3  

<template>
 <div id="container" class="mymap"></div>
</template>

<script>
import AMap from 'AMap'

export default {
  name: 'Address',
  data () {
      return {

      }
  },
    mounted(){
        this.loadmap();     //加载地图和相关组件
    },
    methods: {
        loadmap(){
            const map = new AMap.Map('container', {
                zoom: 9
            });
        }
    }
}
</script>

<style scoped>
.mymap{
      width: 100%;
      height: 300px;
    }
</style>