npm i @amap/amap-jsapi-loader --save
<template>
<div id="container"></div>
</template>
<script>
import AMapLoader from '@amap/amap-jsapi-loader';
export default {
name: 'mapContainer',
data() {
return {
map: null,
lnglat: [116.397428, 39.90923]
};
},
mounted() {
// DOM初始化完成进行地图初始化
this.initMap();
},
methods:{
initMap() {
AMapLoader.load({
// 申请好的Web端开发者Key,首次调用 load 时必填
key:'',
// 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15
version:'2.0',
// 需要使用的的插件列表,如比例尺'AMap.Scale'等
plugins:['']
}).then((AMap) => {
// 设置地图容器id
this.map = new AMap.Map('container', {
// 是否为3D地图模式