vue 中使用URI API高德地图查询显示地图

在Vue中使用高德地图的URI API，可以通过在Vue组件中的<a>标签中添加href属性来实现。具体步骤如下：

在Vue组件的<template>标签中，添加一个<a>标签，用于显示地图。例如：

<template>
  <div>
    <a :href="mapUri">显示地图</a>
  </div>
</template>

在Vue组件的<script>标签中，定义一个计算属性mapUri，用于生成高德地图的URI。例如：

<script>
export default {
  computed: {
    mapUri() {
      // 替换为你的高德地图URI参数
      const location = '39.908823,116.397470';
      const zoom = '10';
      const name = '地点名称';
      return `https://uri.amap.com/marker?position=${location}&zoom=${zoom}&name=${name}`;
    }
  }
}
</script>

在上面的例子中，mapUri计算属性生成了一个高德地图的URI，其中包含了地图的位置、缩放级别和地点名称等参数。

运行Vue应用，点击显示地图链接，即可在新窗口或标签页中显示高德地图。

注意：上述代码中的location、zoom和name等参数需要根据实际情况进行替换，以便生成正确的高德地图URI