Android Mapbox SDK 10.10.1加载GeoJSON标记及点击弹窗问题求助

核心问题梳理 #

你遇到的style.addSource/style.addLayer无法解析、GeoJSON读取失败，本质是Mapbox v10对Java API做了大幅调整：

• Style的数据源和图层添加改为异步操作
• GeoJSON加载API简化但路径变更
• 部分类的包名与v9完全不同

分步解决方案 #

1. 确认依赖与API包路径 #

确保项目build.gradle（Module级别）中的Mapbox依赖为v10.x版本：

dependencies {
    implementation 'com.mapbox.maps:android:10.15.0'
    // 其他依赖...
}

注意v10核心类的包路径：

• Style → com.mapbox.maps.Style
• GeoJsonSource → com.mapbox.maps.style.sources.GeoJsonSource
• SymbolLayer → com.mapbox.maps.style.layers.SymbolLayer

2. 修正Style.addSource/addLayer调用 #

v10中这两个方法是异步返回kotlinx.coroutines.Job，Java中需调用join()阻塞等待完成：

// 添加数据源
style.addSource(geoJsonSource).join();
// 添加图层
style.addLayer(symbolLayer).join();

3. 优化GeoJSON文件加载 #

v10支持直接从Assets加载GeoJSON，无需手动读取流，更简洁可靠：

// 直接从assets加载GeoJSON，替代手动流读取
GeoJsonSource geoJsonSource = new GeoJsonSource.Builder("geojson-source")
        .data(getAssets(), "tatry_wierzcholki.geojson")
        .build();

4. 修复点击监听与弹窗上下文 #

• AlertDialog.Builder的上下文需用外部类MapyActivity.this，而非内部类的this
• queryRenderedFeatures需用QueryRenderedFeaturesOptions指定图层ID，v10参数格式变更

修正后的完整代码 #

public class MapyActivity extends AppCompatActivity {

    private MapView mapView;
    private FloatingActionButton floatingActionButton;
    private MapboxMap mapboxMap;

    // 权限申请Launcher（补充缺失定义）
    private ActivityResultLauncher<String> activityResultLauncher = registerForActivityResult(
            new ActivityResultContracts.RequestPermission(),
            isGranted -> {
                if (isGranted) {
                    // 权限通过后的逻辑
                }
            }
    );

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_mapy);

        mapView = findViewById(R.id.mapView);
        floatingActionButton = findViewById(R.id.focusLocation);
        floatingActionButton.hide();

        if (ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED) {
            activityResultLauncher.launch(Manifest.permission.ACCESS_FINE_LOCATION);
        }

        mapView.getMapboxMap().loadStyleUri("mapbox://styles/hikegreg/clormq18j00q201qm3jbaewmr", style -> {
            addMarkersFromGeoJson(style);

            mapView.getMapboxMap().setCamera(new CameraOptions.Builder().zoom(5.0).build());
            LocationComponentPlugin locationComponentPlugin = LocationComponent.get(mapView);
            locationComponentPlugin.setEnabled(true);
            LocationPuck2D locationPuck2D = new LocationPuck2D();
            locationPuck2D.setBearingImage(AppCompatResources.getDrawable(this, R.drawable.baseline_location_on_24));
            locationComponentPlugin.setLocationPuck(locationPuck2D);

            floatingActionButton.setOnClickListener(v -> {
                floatingActionButton.hide();
            });
        });
    }

    private void addMarkersFromGeoJson(Style style) {
        try {
            // 直接从Assets加载GeoJSON
            GeoJsonSource geoJsonSource = new GeoJsonSource.Builder("geojson-source")
                    .data(getAssets(), "tatry_wierzcholki.geojson")
                    .build();
            // 异步添加数据源，Java用join()等待完成
            style.addSource(geoJsonSource).join();

            // 创建Symbol图层，注意先确保marker-icon资源已添加
            SymbolLayer symbolLayer = new SymbolLayer("symbol-layer", "geojson-source")
                    .iconImage("marker-icon")
                    .iconAllowOverlap(true);
            // 异步添加图层
            style.addLayer(symbolLayer).join();

            // 添加地图点击监听
            GesturesPlugin gesturesPlugin = Gestures.get(mapView);
            gesturesPlugin.addOnMapClickListener(point -> {
                ScreenCoordinate screenCoordinate = mapView.getMapboxMap().pixelForCoordinate(point);
                // 使用QueryRenderedFeaturesOptions指定查询图层
                List<QueriedFeature> features = mapView.getMapboxMap().queryRenderedFeatures(
                        screenCoordinate,
                        new QueryRenderedFeaturesOptions.Builder().layers(Collections.singletonList("symbol-layer")).build()
                );

                if (!features.isEmpty()) {
                    QueriedFeature feature = features.get(0);
                    Feature geoJsonFeature = feature.getFeature();
                    String name = geoJsonFeature.getStringProperty("name");
                    Double elevation = geoJsonFeature.getNumberProperty("elevation").doubleValue();
                    Point featurePoint = (Point) geoJsonFeature.geometry();
                    double latitude = featurePoint.latitude();
                    double longitude = featurePoint.longitude();

                    showMarkerDetails(name, elevation, latitude, longitude);
                }
                return true;
            });

        } catch (IOException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    private void showMarkerDetails(String name, Double elevation, double latitude, double longitude) {
        String message = "名称: " + name + "\n" +
                "海拔: " + elevation + "m\n" +
                "纬度: " + latitude + "\n" +
                "经度: " + longitude;

        new AlertDialog.Builder(MapyActivity.this)
                .setTitle("山峰详情")
                .setMessage(message)
                .setPositiveButton("关闭", null)
                .show();
    }

    // 补充缺失的监听器定义示例
    private final OnIndicatorPositionChangedListener onIndicatorPositionChangedListener = position -> {
        // 位置变化逻辑
    };

    private final OnIndicatorBearingChangedListener onIndicatorBearingChangedListener = bearing -> {
        // 方向变化逻辑
    };

    private final OnMoveListener onMoveListener = new OnMoveListener() {
        @Override
        public void onMoveBegin(@NonNull MoveGestureDetector detector) {}

        @Override
        public boolean onMove(@NonNull MoveGestureDetector detector) { return false; }

        @Override
        public void onMoveEnd(@NonNull MoveGestureDetector detector) {}
    };
}

额外注意事项 #

• 确保marker-icon已添加到Mapbox样式中，或通过style.addImage方法添加本地图标
• v10中LocationComponent、Gestures等插件需通过LocationComponent.get(mapView)、Gestures.get(mapView)获取，而非v9的构造方法

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