Mapbox Android SDK 9.x.x中如何同时加载两个矢量瓦片集？

我正在使用Mapbox Android SDK（版本9.x.x），尝试同时使用两个矢量瓦片集。原本希望像添加栅格瓦片集那样，将每个矢量瓦片集作为独立图层添加，但似乎无法实现。

代码示例如下：

val firstStyle = "https://path/to/first.json"
val secondStyle = "https://path/to/second.json"
mapboxMap.setStyle(Style.Builder().fromUri(firstStyle)) { style: Style ->

    val secondVectorSource = VectorSource("second", secondStyle)
    style.addSource(secondVectorSource)

    // #second
    val lineLayer = LineLayer("second", "second")
    lineLayer.setSourceLayer("internal-layer-from-second-style")
    lineLayer.setProperties(
        lineJoin(Property.LINE_JOIN_ROUND),
        lineCap(Property.LINE_CAP_ROUND),
        lineColor(Color.parseColor("#ff0000")),
        lineWidth(1.5f)
    )
    style.addLayer(lineLayer)
}

可以看到，矢量样式包含不同功能的内部图层，只有将firstStyle传入Style.Builder时，才能加载并显示其所有内部图层，使其成为Style的一部分。但一旦通过Builder构建好style后，就无法直接添加另一个包含所有图层的矢量瓦片集。

目前我仅能通过创建新的VectorSource引入secondStyle，然后手动选择其中的图层（示例中标记为#second的部分）添加，且需要明确该矢量图层的类型（示例中为LineLayer）。

我想找到一种通用方法，无需处理具体图层即可同时添加firstStyle和secondStyle这两个瓦片集。曾尝试通过两次调用Style.Builder创建两个样式并合并，但SDK内的.build()方法是私有的，无法实现。请问有没有解决办法？

解决方案 #

方案1：预合并样式JSON（推荐） #

如果两个样式由你维护，最稳定的方式是提前合并两个样式的JSON文件，将第二个样式的sources和layers节点合并到第一个样式的对应节点中，确保所有源ID和图层ID不重复（如有重复需调整）。

合并后的JSON结构示例：

{
  "version": 8,
  "name": "Merged Style",
  "sources": {
    "first-source": { /* 第一个样式的源配置 */ },
    "second-source": { /* 第二个样式的源配置 */ }
  },
  "layers": [
    /* 第一个样式的所有图层 */
    {},
    /* 第二个样式的所有图层 */
    {}
  ]
}

之后直接加载合并后的样式即可：

val mergedStyle = "https://path/to/merged-style.json"
mapboxMap.setStyle(Style.Builder().fromUri(mergedStyle)) { style ->
    // 样式加载完成后的操作
}

这种方式无需客户端额外处理，完全规避SDK限制，兼容性和稳定性最佳。

方案2：客户端解析并批量导入样式 #

如果无法提前合并样式，可以在客户端请求第二个样式的JSON，解析其中的源和图层配置，逐个添加到已加载的Style中。

示例代码（使用OkHttp请求JSON）：

val client = OkHttpClient()
val request = Request.Builder().url(secondStyle).build()
client.newCall(request).enqueue(object : Callback {
    override fun onFailure(call: Call, e: IOException) {
        // 处理请求失败逻辑
    }

    override fun onResponse(call: Call, response: Response) {
        response.body?.string()?.let { jsonStr ->
            val styleJson = JSONObject(jsonStr)
            val currentStyle = mapboxMap.getStyle() ?: return

            // 解析并添加源
            val sources = styleJson.getJSONObject("sources")
            sources.keys().forEach { sourceId ->
                val sourceConfig = sources.getJSONObject(sourceId)
                when (sourceConfig.getString("type")) {
                    "vector" -> {
                        val vectorSource = VectorSource(sourceId, sourceConfig.getString("url"))
                        currentStyle.addSource(vectorSource)
                    }
                    // 按需扩展支持其他源类型（如raster）
                }
            }

            // 解析并添加图层
            val layers = styleJson.getJSONArray("layers")
            for (i in 0 until layers.length()) {
                val layerJson = layers.getJSONObject(i)
                val layerId = layerJson.getString("id")
                val sourceId = layerJson.getString("source")
                val sourceLayer = layerJson.optString("source-layer", "")
                
                val layer = when (layerJson.getString("type")) {
                    "line" -> LineLayer(layerId, sourceId).apply {
                        if (sourceLayer.isNotEmpty()) setSourceLayer(sourceLayer)
                        // 解析并设置paint属性
                        layerJson.optJSONObject("paint")?.let { paint ->
                            paint.keys().forEach { key ->
                                when (key) {
                                    "line-color" -> setProperties(lineColor(Color.parseColor(paint.getString(key))))
                                    "line-width" -> setProperties(lineWidth(paint.getDouble(key).toFloat()))
                                    "line-join" -> setProperties(lineJoin(paint.getString(key)))
                                    // 按需扩展其他属性
                                }
                            }
                        }
                    }
                    "fill" -> FillLayer(layerId, sourceId).apply {
                        if (sourceLayer.isNotEmpty()) setSourceLayer(sourceLayer)
                        layerJson.optJSONObject("paint")?.let { paint ->
                            paint.keys().forEach { key ->
                                when (key) {
                                    "fill-color" -> setProperties(fillColor(Color.parseColor(paint.getString(key))))
                                    // 按需扩展其他属性
                                }
                            }
                        }
                    }
                    // 按需扩展支持其他图层类型（如symbol、circle）
                    else -> null
                }
                layer?.let { currentStyle.addLayer(it) }
            }
        }
    }
})

注意：这种方法需要你根据第二个样式中实际使用的图层类型和属性，补充对应的解析逻辑，确保所有图层都能正确加载。

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