vue中腾讯地图怎么点击地图添加一个点标记

在 Vue 中使用腾讯地图添加点标记可以这样做：

1. 在项目中安装腾讯地图的 npm 包：

npm install qqmap-wx-jssdk --save

2. 在 Vue 组件的 script 部分引入腾讯地图的 js 文件：

import qqmap from 'qqmap-wx-jssdk'

3. 初始化腾讯地图对象，并设置相关参数：

const qqmapsdk = new qqmap({
  key: '你的腾讯地图开发者密钥' // 必填
});

4. 在 Vue 组件的 mounted 钩子函数中调用腾讯地图的实例方法添加点标记：

mounted() {
  qqmapsdk.search({
    keyword: '酒店',
    success: function(res) {
      console.log(res);
      var markers = res.data;
      for (var i = 0; i < markers.length; i++) {
        qqmapsdk.addMarker({
          // 设置点标记的位置坐标
          position: markers[i].location,
          // 设置点标记的标题
          title: markers[i].title,
          // 设置点标记的图标
          icon: '',
          // 设置点标记的动画效果
          animation: '',
          // 设置点标记的点击事件
          clickable: true
        });
      }
    },
    fail: function(res) {
      console.log(res);
    },
    complete: function(res) {
      console.log(res);
    }
  });
}

希望这个示例对你有帮助。