vue2中引入腾讯地图 选点

在Vue 2中引入腾讯地图并实现选点功能，通常需要几个步骤：

1. **安装依赖**：
首先你需要在项目中安装`vue-amap`库，它是一个用于Vue的腾讯地图组件封装。可以使用npm或yarn来安装：

   npm install vue-amap amap-jsapi-v3
   # 或者
   yarn add vue-amap amap-jsapi-v3

2. **配置AMAP**：
在项目的入口文件（如main.js）中，注册AMAP API key，并设置全局变量：

   import AMap from 'amap-jsapi-v3'
   AMap.init({
     key: 'your_amap_key', // 腾讯地图API Key
     plugin: ['AMap.Map', 'AMap.Marker', 'AMap.Geolocation'],
     zoom: 14,
     center: [116.39, 39.9]
   });

3. **创建组件**：
创建一个Vue组件，比如`GeoSelect.vue`，在这个组件里你会使用到`AMap.Map`和`AMap.Marker`：

   <template>
     <div>
       <map :center="mapCenter" :zoom="zoom">
         <marker v-for="(point, index) in points" :position="point" @click="selectPoint(index)">
           <balloon :offset="[0, -35]">
             点击选择{{index + 1}}
           </balloon>
         </marker>
       </map>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         mapCenter: [116.39, 39.9],
         zoom: 14,
         points: [], // 这里可以初始化一些点的位置数组
       };
     },
     methods: {
       selectPoint(index) {
         console.log('选择了第', index, '个点');
         // 这里可以根据需求处理选中的点
       }
     }
   }
   </script>

4. **在其他组件中使用**：
在需要地图和选点功能的组件中导入并使用`GeoSelect`组件。