vue 卫星地图建筑高亮

根据提供的引用内容，可以使用vue和百度地图JavaScript API GL来实现卫星地图建筑高亮的效果。具体步骤如下：

1. 首先，确保你已经在项目中引入了vue和百度地图JavaScript API GL的相关依赖。

2. 创建一个Vue组件，用于显示地图和实现高亮效果。

3. 在Vue组件的模板中，添加一个div元素作为地图容器。

4. 在Vue组件的脚本中，使用百度地图JavaScript API GL的相关方法来初始化地图，并设置地图的中心点和缩放级别。

5. 使用百度地图JavaScript API GL的`addTileLayer`方法来添加卫星地图图层。

6. 使用百度地图JavaScript API GL的`addOverlay`方法来添加建筑物覆盖物，并设置其样式。

7. 使用百度地图JavaScript API GL的事件监听方法，监听鼠标移入建筑物覆盖物的事件。

8. 在鼠标移入事件的回调函数中，修改建筑物覆盖物的样式，实现高亮效果。

下面是一个示例代码，演示了如何使用vue和百度地图JavaScript API GL实现卫星地图建筑高亮的效果：

<template>
  <div id="mapContainer"></div>
</template>

<script>
export default {
  mounted() {
    // 初始化地图
    const map = new BMapGL.Map("mapContainer");
    map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 15);

    // 添加卫星地图图层
    const satelliteLayer = new BMapGL.SatelliteLayer();
    map.addTileLayer(satelliteLayer);

    // 添加建筑物覆盖物
    const buildingOverlay = new BMapGL.BuildingLayer();
    map.addOverlay(buildingOverlay);

    // 监听鼠标移入建筑物覆盖物的事件
    buildingOverlay.addEventListener("mouseover", (e) => {
      const target = e.target;
      target.setFillColor("#ff0000"); // 设置高亮颜色
    });

    // 监听鼠标移出建筑物覆盖物的事件
    buildingOverlay.addEventListener("mouseout", (e) => {
      const target = e.target;
      target.setFillColor("#0000ff"); // 恢复原始颜色
    });
  },
};
</script>

请注意，上述代码仅为示例，具体实现方式可能因项目环境和需求而有所不同。你可以根据自己的实际情况进行调整和扩展。