如何在地图视图上显示自定义信息窗口

Question

单击图钉时需要显示自定义信息窗口。

图钉直接在图层的样式中。

当我创建地图时，我通过 url 获取样式：

        mapView?.getMapAsync { map ->
            map.setStyle(Style.Builder().fromUrl("mapbox://styles/my-style")) {
                onMapReady(map)
            }
        }

然后我定义这个层：

    fun onMapReady(mapboxMap: MapboxMap) {
        this.mapboxMap = mapboxMap
        val layer = mapboxMap.style?.getLayer("my-layer")
        layer?.setProperties(visibility(Property.VISIBLE))
        mapboxMap.addOnMapClickListener(this@InfoWindowSymbolLayerActivity)
    }

OnMapClick 方法：

    override fun onMapClick(point: LatLng): Boolean {
        return mapboxMap?.projection?.toScreenLocation(point)?.let { handleClickIcon(it) }!!
    }

HandleClickIcon 方法：

fun handleClickIcon(screenPoint: PointF): Boolean {
        val features = mapboxMap?.queryRenderedFeatures(screenPoint, MARKER_LAYER_ID)

        val inflater = LayoutInflater.from(this)
        val bubbleLayout = inflater.inflate(R.layout.pin_info, null) as BubbleLayout

        val type = features?.get(0)?.getStringProperty(type)
        bubbleLayout.tvDefectType.text = type?.let { formatType(it) }

        val username = features?.get(0)?.getStringProperty(username)
        bubbleLayout.tvDefectInfo.text = username?.let { formatDefectInfo(it) }

        val measureSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)
        bubbleLayout.measure(measureSpec, measureSpec)

        val measuredWidth = bubbleLayout.measuredWidth.toFloat()

        bubbleLayout.arrowPosition = measuredWidth / 2 - 5

        val bitmap = SymbolGenerator.generate(bubbleLayout)

        type?.let { mapboxMap?.style?.addImage(it, bitmap) }

        mapboxMap?.let {
            it.getStyle { style ->
                setUpInfoWindowLayer(style)
            }
        }
        return true
    }

Mapbox 示例使用自定义 GeoJson： https://docs.mapbox.com/android/maps/examples/symbol-layer-info-window/

但我需要在上方显示信息窗口 pin like this点击

Answer 1

如果图层已经在您的样式中，则无需使用layer?.setProperties(visibility(Property.VISIBLE)) 将其可见性设置为可见。它已经是可见的了。

我会通过以下方式关注https://docs.mapbox.com/android/maps/examples/symbol-layer-info-window/：

• 在您的代码中较早地开始数据加载和气泡窗口SymbolLayer 设置，而不是在onMapClick：https://github.com/mapbox/mapbox-android-demo/blob/master/MapboxAndroidDemo/src/main/java/com/mapbox/mapboxandroiddemo/examples/dds/InfoWindowSymbolLayerActivity.java#L88

• 只改变onMapClick中的选择状态：https://github.com/mapbox/mapbox-android-demo/blob/master/MapboxAndroidDemo/src/main/java/com/mapbox/mapboxandroiddemo/examples/dds/InfoWindowSymbolLayerActivity.java#L186-L206