8

在我的 Android 项目中，我使用android-maps-utils库将聚类应用于地图视图上的一堆标记。每当单击标记时，我都会收到通知，onClusterItemClick因此我可以执行一些操作。 

public interface OnClusterItemClickListener<T extends ClusterItem> {
    public boolean onClusterItemClick(T item);
}

现在我想让用户知道点击了哪个标记。最简单的视觉反馈是更改标记图标的（颜色）。MarkerOptions可以通过可以在其中访问的对象设置图标，onBeforeClusterItemRendered(T item, MarkerOptions markerOptions)例如：

markerOptions.icon(
    BitmapDescriptorFactory.defaultMarker(
        BitmapDescriptorFactory.HUE_YELLOW));

如果我可以访问Marker对象本身，例如在onMarkerClick (Marker marker)我可以通过更改图标setIcon。

如何更改单击的标记图标？

有关的

4

3 回答 3

15

我注意到DefaultClusterRenderer提供了检索Marker与ClusterItem. 因为无论如何我都使用自定义渲染器，所以我能够访问所需的Marker对象，如下所示：

mSelectedMarker = mCustomClusterItemRenderer.getMarker(mSelectedClusterItem);

这使我可以更改内的图标onClusterItemClick()：

private void updateSelectedMarker() {
    if (mSelectedMarker != null) {
        mSelectedMarker.setIcon(
                BitmapDescriptorFactory.defaultMarker(
                        BitmapDescriptorFactory.HUE_YELLOW));
    }
}
于 2015-06-15T11:35:10.700 回答
4

感谢@JJD，我在 Kotlin 中写了同样的内容。

private var selectedBitmap: BitmapDescriptor? = null
private var unselectedBitmap: BitmapDescriptor? = null
private var lastMarker: Marker? = null
private var clusterManager: ClusterManager<StationClusterItem>? = null

override fun onMapReady(googleMap: GoogleMap) {
    this.googleMap = googleMap

    clusterManager = ClusterManager(context!!, googleMap)
    val clusterRenderer = MarkerClusterRenderer(context!!, googleMap, clusterManager!!,
        unselectedBitmap!!)
    clusterManager!!.renderer = clusterRenderer
    // Add your items to the ClusterManager here with clusterManager?.addItem().
    // Better is in background thread.
    val boundsBuilder = LatLngBounds.Builder()
    ...

    clusterManager!!.cluster()
    // Add this listener to make ClusterManager correctly zoom clusters and markers.
    googleMap.setOnCameraIdleListener(clusterManager)

    // This method is needed to use setOnClusterItemClickListener.
    googleMap.setOnMarkerClickListener(clusterManager)
    clusterManager!!.setOnClusterItemClickListener { item ->
        lastMarker?.setIcon(unselectedBitmap)
        lastMarker = clusterRenderer.getMarker(item) // Here we access a selected marker.
        lastMarker?.setIcon(selectedBitmap)
        // false - to show info window. See GoogleMap.InfoWindowAdapter.
        // true - to hide info window.
        false
    }
}

class MarkerClusterRenderer(
    val context: Context,
    val map: GoogleMap,
    clusterManager: ClusterManager<StationClusterItem>,
    private val markerBitmap: BitmapDescriptor
) : DefaultClusterRenderer<StationClusterItem>(context, map, clusterManager) {

    init {
        minClusterSize = 1 // 2, 3 or more, as you wish.
    }    

    override fun onBeforeClusterItemRendered(item: StationClusterItem?,
                                             markerOptions: MarkerOptions?) {
        super.onBeforeClusterItemRendered(item, markerOptions)
        markerOptions?.icon(markerBitmap)
    }
}

更新

我遇到了一个例外：java.lang.IllegalArgumentException: Unmanaged descriptor单击标记时（在一行中lastMarker?.setIcon(unselectedBitmap)）。

在研究了IllegalArgumentException: Unmanaged descriptor using gms.maps.model.Marker.setIcon我重写了那个监听器：

private var selectedItem: StationClusterItem? = null

    clusterManager!!.setOnClusterItemClickListener { item ->
        if (selectedItem != null) {
            // Set here a reference to a previous marker.
            // We save a reference to a previous item, not to a marker.
            val lastMarker = clusterRenderer.getMarker(selectedItem)
            lastMarker?.setIcon(unselectedBitmap)
        }
        selectedItem = item
        // Now get a reference to a selected marker.
        val newMarker = clusterRenderer.getMarker(item)
        newMarker?.setIcon(selectedBitmap)
        false
    }
于 2018-12-18T09:26:18.717 回答
1

如果标记由于随机原因以编程方式未选择（未选择），则先前的答案对我来说无法正常工作。

我将此代码添加到DefaultClusterRenderer继承者

init {
    viewModel.selectedItem.observeForever {
        if (it == null) {
            clusterManager.cluster()
        }
    }
}

不要忘记在此渲染器生命周期结束后销毁它。实际上，最好在渲染器之外使用。我在我的Activity

private fun onMapClickListener(){
    if (viewModel.selectedItem.value != null) clusterManager.cluster()
}

以及默认的图标更改代码（我只是在这里切换图标颜色）：

override fun onBeforeClusterItemRendered(item: ClusterMarker, markerOptions: MarkerOptions) {
    markerOptions.icon(getMarkerColor(item))
}

override fun onClusterItemUpdated(item: ClusterMarker, marker: Marker) {
    marker.setIcon(getMarkerColor(item))
}

private fun getMarkerColor(item: ClusterMarker): BitmapDescriptor {
    val color = if (item.id == viewModel.selectedItem.value?.id) BitmapDescriptorFactory.HUE_ORANGE
    else item.getColor()
    return BitmapDescriptorFactory.defaultMarker(color)
于 2020-07-03T21:38:18.840 回答