vue点击更改城市按钮切换百度地图城市

在Vue中点击更改城市按钮切换百度地图城市，可以按照以下步骤进行操作：

1. 在HTML文件中引入百度地图API，例如：

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

2. 在Vue组件中添加一个按钮和一个地图容器，例如：

<template>
  <div>
    <button @click="changeCity">更改城市</button>
    <div ref="map" style="width: 100%; height: 500px;"></div>
  </div>
</template>

3. 在Vue组件中定义一个changeCity方法，该方法将创建一个BMap.Map对象并调用其setCenter和setZoom方法来设置地图的中心点和缩放级别，例如：

<script>
  export default {
    methods: {
      changeCity() {
        const map = new BMap.Map(this.$refs.map);
        map.centerAndZoom('上海市', 12);
      },
    },
  };
</script>

在这个示例中，我们创建了一个BMap.Map对象，并调用它的centerAndZoom方法来设置地图的中心点和缩放级别，从而更改地图的城市。

需要注意的是，以上示例中的密钥需要替换为你自己的百度地图开发者密钥。此外，你可能还需要在Vue组件中引入BMap命名空间，例如：

<script>
  import BMap from 'BMap';
  export default {
    // ...
  };
</script>

这样才能正确地使用百度地图API。