vue调用百度地图API实现点击相应位置切换地图定位

vue调用百度地图API实现点击相应位置切换地图定位

1、需求分析

1. 在页面显示地图，初始状态显示上海市，地图上有特定地点的标注。
2. 左侧为建筑（地点）列表，点击某个地点右侧地图定位到其地理位置并显示具体信息。

2、实现步骤

1. 在百度地图开放平台申请密钥（ak）
   

2. 在项目中引入百度地图api

   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=*********(你的ak)"></script>
   

3. html页面布局

   <el-container >
           <el-aside style="margin-top:15px">
               <el-table :data="buildinglist" @row-click="skiptomap" fit highlight-current-row stripe border>
                   <el-table-column prop="name" lable="name" align=