如何在地图视图中显示自定义信息 window

Question

我需要在单击图钉时显示自定义信息 window。

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

当我创建地图时，我通过 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/

但是我需要在上面显示信息 window pin like this 点击

Answer 1

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

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

开始数据加载和气泡 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 中的 select 状态：https://github.com/mapbox/mapbox-android-demo/blob/master/MapboxAndroidDemo/src/main/java/com/mapbox/mapboxandroiddemo/examples/dds/InfoWindowSymbolLayerActivity.java#L186-L206

如何在地图视图中显示自定义信息 window

How to show custom info window on map view

java

android

kotlin

mapbox

mapbox-android