uniapp点击地图标点logo改变logo

在UniApp中，如果你想要实现地图上点击某个地标图标Logo发生变化的效果，你可以按照以下步骤操作：

1. 首先，在UniApp中，你需要在页面上引入地图组件，并设置好地图的基础配置，比如地理位置、缩放级别等。

<map :center="mapCenter" :zoom="zoomLevel"></map>

2. 定义一个地标数据结构，包含坐标和对应的Logo URL，例如：

data() {
  return {
    mapData: [
      { name: '地标A', lat: 'XX.XX', lng: 'YY.YY', logoUrl: 'path/to/logoA.png' },
      // 其他地标...
    ],
    selectedLogo: null,
  };
}

3. 创建地图标记（marker），在`mounted()`生命周期钩子里添加到地图上，并绑定事件监听器（通常是点击事件）：

mounted() {
  this.mapData.forEach((item) => {
    const marker = new Map.Marker({
      position: [item.lat, item.lng],
      icon: {
        url: item.logoUrl, // 初始化时的Logo
      },
    });
    marker.addEventListener('tap', () => {
      this.selectedLogo = item.logoUrl;
      // 更新地图上的Icon
      marker.setIcon({ url: this.selectedLogo });
    });
    this.$map.addMarker(marker);
  });
},

4. 点击事件中，记录下当前选中的Logo URL，并更新对应标记的Icon属性。

通过上述步骤，当用户点击地图上的任意一个地标图标时，Logo会切换成预设的不同Logo图片。如果需要回滚，只需将`selectedLogo`置空即可。