微信小程序vue项目接入腾讯地图demo

微信小程序是一种通过微信平台开发的应用程序，可以在微信环境中直接运行。腾讯地图是腾讯公司开发的地图服务平台，提供了丰富的地图展示和定位功能。

要将腾讯地图接入到微信小程序的Vue项目中，需要进行以下几个步骤：

1. 在Vue项目中安装并引入腾讯地图SDK。可以使用npm或yarn等包管理工具，在项目的根目录下运行以下命令安装：

   npm install @tencent/txv-map --save

2. 在小程序的配置文件（app.json）中添加使用腾讯地图的权限设置：

   "permission": {
     "scope.userLocation": {
       "desc": "你的位置信息将用于地图定位功能"
     }
   }

3. 在Vue组件中引入并使用腾讯地图SDK，可以在需要显示地图的地方插入以下代码：

   <template>
     <view>
       <map 
         id="map" 
         longitude="113.324520" 
         latitude="23.099994" 
         bindmarkertap="markertap" 
         style="width: 100%; height: 300rpx;" 
         show-location 
         enable-rotate
       ></map>
     </view>
   </template>
   
   <script>
   import { createFrom } from '@tencent/txv-map'
   export default {
     methods:  {
       markertap() {
         console.log('marker tap')
       }
     },
     created() {
       // 初始化地图
       createFrom({
         id: 'map',
         longitude: 113.324520,
         latitude: 23.099994
       })
     }
   }
   </script>

以上代码中，我们使用了`<map>`标签来展示地图，并通过`createFrom`方法初始化了地图，并设定了地图的初始经纬度。

4. 在微信小程序的开发者后台中，注册并申请使用腾讯地图的开发者账号，并获取到开发者密钥（key）。在Vue项目中的地图初始化代码中，将开发者密钥替换为你申请到的密钥。

通过以上步骤，你就可以在微信小程序的Vue项目中成功接入腾讯地图，并实现地图的展示和定位功能了。