Vue2中使用高德地图（Loader ）

1.需求：根据输入的地址，地图显示地址的位置；

2.准备工作

2.1 注册高德开放平台账户，并完成认证

        根据具体实际情况，完成个人开发或者企业开发认证。

高德开放平台https://console.amap.com/

2.2在应用管理---我的应用中添加key

注意：服务平台选择web端（JS API）

 2.3参考文档路径

高德开发参考文档路径https://lbs.amap.com/api/javascript-api-v2/guide/abc/amap-vue

3.实现步骤

3.1 NPM 安装 Loader 

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

3.2新建MyMapView.vue页面：

//模板

//js

注意点：

1.必须要带安全密钥

如果没有安全密钥，控制台不会报错，但是不会执行 placeSearch.search函数；（验证方法：可以在这个函数里面打印内容）

2.必须要输入key

如果没有输入key，报错如下：

 3.如果需要显示如下面板，可以设置new AMap.PlaceSearch中的配置项panel（容器的id名）;

并且在template添加如下代码；

//new AMap.PlaceSearch 的配置项中panel进行设置
//构造地点查询类
 var placeSearch = new AMap.PlaceSearch({
     pageSize: 5, 
     pageIndex: 1, 
     city: "西安", 
     citylimit: true,  
     map: this.map,
     panel: "panel", // 注意：新增这一行代码，结果列表将在此容器中进行展示。
     autoFitView: true 
});