如何在Vue脚手架中简单集成使用高德地图？一篇文章教你搞定

1：高德控制台

 2：创建新应用

 3:点击新建

 4：添加key

 5：选择web (JSAPI)

 6：提交

 开发文档手册

快速上手-地图 JS API 2.0 | 高德地图API

1：在HTML 文件中引入这段js

2: 创建地图实例

  mounted() {
    // 创建地图实例
    var map = new AMap.Map('container', {
      zoom: 12,
      resizeEnable: true
    })
    var marker = new AMap.Marker({
      position: new AMap.LngLat(116.29537571881102, 39.842559532456974), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
      title: '北京丰台医院' })
  },

 3：效果图