高德地图+插件再vue2中的使用

1.安装插件

npm i @amap/amap-jsapi-loader --save

2.引入并使用

<template>
    <div id="container">

    </div>
</template>

<script>
import AMapLoader from '@amap/amap-jsapi-loader';

export default {
    name: 'MapIndex',
    data() {
        return {
            map: null,
        }
    },
    methods: {
        initMap() {

            AMapLoader.load({
                key: "d2b4cd0bffa28aa64829821b9a01d9fd",             // 申请好的Web端开发者Key，首次调用 load 时必填
                version: "2.0",      // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
                plugins: ["AMap.Autocomplete", //输入提示插件
                    "AMap.PlaceSearch", //POI搜索插件
                    "AMap.Scale", //右下角缩略图插件 比例尺
                    "AMap.OverView", //地图鹰眼插件
                    "AMap.ToolBar", //地图工具条
                    "AMap.MapType", //类