使用Jetpack Compose双Google Map组件时标记闪烁问题咨询

问题确认 #

这种标记闪烁确实是Google Maps相关组件的已知问题，尤其是在单个页面中同时使用多个Map实例（包括Compose的GoogleMap组件或原生MapView）时，共享或重复渲染标记极易触发。这类问题根源在于地图底层的渲染机制、标记复用逻辑冲突，社区和官方问题追踪上已有大量相关反馈。

可行解决方案 #

• 稳定标记的状态与复用
  给每个标记绑定唯一的key，确保Compose重组时不会重复创建/销毁标记实例，避免不必要的重绘：

  Marker(
      key = remember { MarkerKey(marker.uniqueId) }, // 用标记自身的唯一ID作为key
      position = marker.position,
      title = marker.title
  )
  

  同时将标记数据抽离为共享的State对象，保证两个地图使用的是同一数据源，减少因数据不一致导致的刷新。

• 按需渲染标记
  当某个地图处于不可见状态时，暂停其标记渲染，避免资源竞争：

  LaunchedEffect(isPerspectiveMapVisible) {
      if (!isPerspectiveMapVisible) {
          perspectiveMarkers.value = emptyList()
      } else {
          perspectiveMarkers.value = sharedMarkers
      }
  }
  

  配合Modifier.visibility()或Modifier.alpha()控制地图可见性时，确保资源能正确释放。

• 升级依赖版本
  你当前使用的maps-compose版本是4.3.2，建议尝试升级到最新稳定版，Google后续版本可能修复了这类渲染冲突问题，可查看官方Release Notes确认相关修复内容。

• 改用单Map组件切换模式
  如果业务允许，直接用单个GoogleMap组件，通过修改相机位置、缩放级别来切换透视/概览模式，从根源上避免多Map实例的渲染冲突：

  val cameraState = rememberCameraPositionState {
      position = if (isOverviewMode) {
          CameraPosition.fromLatLngZoom(overviewLatLng, 10f)
      } else {
          CameraPosition.fromLatLngZoom(perspectiveLatLng, 15f)
      }
  }
  
  GoogleMap(
      cameraPositionState = cameraState,
      modifier = Modifier.fillMaxSize()
  ) {
      sharedMarkers.forEach { marker ->
          Marker(position = marker.position)
      }
  }
  

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