Google Maps是否仍支持InfoBox？自定义InfoWindow技术咨询

嘿，刚好对这块挺熟悉的，来给你捋清楚：

• InfoBox不是官方组件：你在Google Maps官方文档找不到它太正常了——InfoBox是第三方开发者做的扩展库，不属于Google Maps JavaScript API的官方范畴，所以官方文档自然不会收录它。
• InfoBox没被废弃，但有兼容风险：这个第三方库目前还能用，但因为不是官方维护的，后续Google Maps API更新时，可能会出现兼容问题，这点要留意。
• 官方推荐的自定义弹窗方案：现在Google更建议你用这两种方式实现需求：
  1. 改造官方InfoWindow：官方的InfoWindow支持通过CSS自定义样式，你可以覆盖它的默认DOM类来调整背景、边框、字体、关闭按钮等外观，足够应对大部分常规自定义需求。
  2. 完全自定义弹窗组件：如果需要更复杂的交互（比如带表单、复杂布局），可以自己用HTML/CSS写弹窗容器，然后通过地图的事件监听（比如标记的click事件），结合地图的坐标转换方法，把弹窗定位到正确的位置上，这种方式自由度拉满。

给你贴个简单的自定义InfoWindow样式示例，直接加在你的CSS里就行：

/* 自定义InfoWindow的容器样式 */
.gm-style .gm-style-iw-c {
  background-color: #f0f8ff;
  border: 2px solid #4a90e2;
  border-radius: 10px;
  padding: 12px;
}

/* 调整InfoWindow的关闭按钮 */
.gm-style .gm-ui-hover-effect {
  background-color: #4a90e2;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}

如果要做完全自定义的弹窗，核心思路就是监听标记点击事件，获取标记的屏幕坐标，然后把自己写的弹窗DOM元素定位到那个位置，还能结合地图的idle事件处理地图移动时的弹窗位置更新，灵活性比InfoBox高很多。

内容的提问来源于stack exchange，提问作者PBandJ