vue+高德

<div id="map" class="map-container"></div>

 mounted(){

        AMapLoader.load({

        "key": "dccf9adb95bf1f086a023e91bc478ca4",              // 申请好的Web端开发者Key，首次调用 load 时必填

        "version": "2.0",       // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15

        "plugins": [],

        "Loca":{                // 是否加载 Loca， 缺省不加载

            "version": '2.0.0'  // Loca 版本，缺省 1.3.2

        },

    }).then((AMap)=>{

        const map = new AMap.Map('map', {

        center: [117.276899,31.775768],

        zoom: 12,

        viewMode: '3D',  // 地图设置成 3D 模式，否则图层会失去高度信息

        resizeEnable: true

      });

        // 创建 Loca 实例

        const marker = new AMap.Marker({

          position:[117.276899,31.775768],

          map:map

        })

    }).catch(e => {

        console.log(e);

    })

}

.map-container {

  width: 731px;

  height: 478px;

}