google maps platform 目前不支持通过 `place_id` 或建筑 id 动态高亮单个建筑物；官方地图样式器仅支持全局图层规则（如所有建筑统一着色），无法基于地理编码结果实时定位并重绘指定建筑。
在 Google Maps JavaScript API 中，开发者常期望能像操作 SVG 元素一样，通过 CSS 选择器（如 path[id='...']）精准控制某个建筑物的样式——但这一能力并不存在于当前公开 API 中。您代码中尝试调用的 map.loadStyle() 方法根本未被 Google Maps JavaScript API 定义（Bard 所述为错误信息），mapId 对应的「地图样式」仅支持在 Google Cloud Console 的 Map Styling 工具 中预设静态规则，且规则作用域限于图层类型（如 "featureType": "building"），不接受运行时传入动态 ID 或 DOM 选择器。
例如，以下配置可将所有建筑设为浅灰色平面效果，但无法指定某一个：
[
{
"featureType": "building",
"elementType": "geometry",
"stylers": [{ "color": "#e8e8e8" }, { "lightness": 10 }]
}
]⚠️ 注意：results[0].place_id 是地理编码返回的地点唯一标识（用于 Places API），并非 Google 地图渲染层中建筑物的 SVG ID 或矢量图层 ID。地图底层建筑轮廓由 Google 内部矢量瓦片提供，其内部 ID 不对外暴露，也无法通过前端 JS 访问或注入样式。
替代方案：使用第三方建筑轮廓数据叠加图层
由于原生能力缺失，可行路径是——放弃直接样式化 Google 建筑图层，转而叠加自定义矢量图层（如 GeoJSON 多边形）覆盖目标建筑。推荐方案如下：
-
获取高精度建筑 Footprint 数据
- ✅ GlobalMLBuildingFootprints（微软）：覆盖欧洲、北美等区域，AI 提取自卫星影像，精度较高（平均误差
- ⚠️ Google Open Buildings：全球范围但欧洲覆盖稀疏，更新频率低，建议作为补充参考。
匹配并微调轮廓
将下载的 GeoJSON 建筑多边形加载至地图，通过 google.maps.Data 图层叠加，并用 setStyle() 高亮目标建筑：
const buildingData = new google.maps.Data();
buildingData.loadGeoJson('buildings-europe.geojson');
buildingData.setStyle({
fillColor: '#4285F4',
strokeColor: '#1966D2',
strokeWeight: 2,
fillOpacity: 0.7,
});
// 查找并高亮当前建筑（需提前建立位置→ID映射）
const targetBuildingId = 'EUROPE_BUILDING_12345'; // 从数据集或本地索引获取
buildingData.forEach(feature => {
if (feature.getProperty('id') === targetBuildingId) {
feature.setProperty('highlighted', true);
}
});
buildingData.setStyle((feature) => ({
...defaultStyle,
fillColor: feature.getProperty('highlighted') ? '#FF5722' : defaultStyle.fillColor,
}));- 关键注意事项
综上，“高亮我当前所在的建筑”这一需求，在纯 Google Maps API 下无原生解法。务实路径是：采用 GlobalMLBuildingFootprints 等开放数据集构建可控矢量图层，以叠加渲染替代样式劫持——虽增加数据管理成本，却换来完全自主的视觉控制力与未来扩展性。
