如何在Android Java的Osmdroid OpenStreetMap上实现自适应缩放网格

一、实现自适应缩放的网格显示 #

1. 创建自定义网格Overlay #

继承Osmdroid的Overlay类，在draw方法中绘制网格，同时监听地图缩放变化调整网格参数：

public class GridOverlay extends Overlay {
    private Paint gridPaint;
    private double gridLatSpan; // 网格纬度间隔
    private double gridLonSpan; // 网格经度间隔
    private MapView mapView;

    public GridOverlay(MapView mapView) {
        super();
        this.mapView = mapView;
        initPaint();
        updateGridSpan(mapView.getZoomLevel());
        // 监听缩放变化，实时更新网格
        mapView.addOnZoomChangeListener((newZoom, oldZoom) -> {
            updateGridSpan(newZoom);
            mapView.invalidate();
        });
    }

    private void initPaint() {
        gridPaint = new Paint();
        gridPaint.setColor(Color.GRAY);
        gridPaint.setStrokeWidth(1);
        gridPaint.setStyle(Paint.Style.STROKE);
    }

    // 根据缩放级别动态调整网格经纬度间隔
    private void updateGridSpan(int zoomLevel) {
        // 阶梯式适配：缩放越高，网格地理间隔越小（屏幕显示的网格尺寸更大）
        if (zoomLevel <= 5) {
            gridLatSpan = 1.0;
            gridLonSpan = 1.0;
        } else if (zoomLevel <= 10) {
            gridLatSpan = 0.5;
            gridLonSpan = 0.5;
        } else if (zoomLevel <= 15) {
            gridLatSpan = 0.1;
            gridLonSpan = 0.1;
        } else {
            gridLatSpan = 0.01;
            gridLonSpan = 0.01;
        }

        // 若需要屏幕网格尺寸固定，可替换为以下逻辑（按像素计算地理间隔）
        // Projection projection = mapView.getProjection();
        // Point p = new Point();
        // projection.toPixels(new GeoPoint(0,0), p);
        // Point p2 = new Point(p.x + 200, p.y + 200);
        // GeoPoint gp2 = projection.fromPixels(p2.x, p2.y);
        // gridLatSpan = Math.abs(gp2.getLatitude() - 0);
        // gridLonSpan = Math.abs(gp2.getLongitude() - 0);
    }

    @Override
    public void draw(Canvas canvas, MapView mapView, boolean shadow) {
        super.draw(canvas, mapView, shadow);
        if (shadow) return;

        Projection projection = mapView.getProjection();
        // 获取当前地图可见范围的经纬度
        GeoPoint topLeft = (GeoPoint) projection.fromPixels(0, 0);
        GeoPoint bottomRight = (GeoPoint) projection.fromPixels(mapView.getWidth(), mapView.getHeight());

        // 对齐网格到间隔刻度
        double startLat = Math.ceil(topLeft.getLatitude() / gridLatSpan) * gridLatSpan;
        double endLat = Math.floor(bottomRight.getLatitude() / gridLatSpan) * gridLatSpan;
        double startLon = Math.floor(topLeft.getLongitude() / gridLonSpan) * gridLonSpan;
        double endLon = Math.ceil(bottomRight.getLongitude() / gridLonSpan) * gridLonSpan;

        // 绘制纬度水平线
        for (double lat = startLat; lat >= endLat; lat -= gridLatSpan) {
            Point p1 = projection.toPixels(new GeoPoint(lat, startLon), null);
            Point p2 = projection.toPixels(new GeoPoint(lat, endLon), null);
            canvas.drawLine(p1.x, p1.y, p2.x, p2.y, gridPaint);
        }

        // 绘制经度垂直线
        for (double lon = startLon; lon <= endLon; lon += gridLonSpan) {
            Point p1 = projection.toPixels(new GeoPoint(startLat, lon), null);
            Point p2 = projection.toPixels(new GeoPoint(endLat, lon), null);
            canvas.drawLine(p1.x, p1.y, p2.x, p2.y, gridPaint);
        }
    }

    // 对外提供网格间隔的获取方法
    public double getGridLatSpan() {
        return gridLatSpan;
    }

    public double getGridLonSpan() {
        return gridLonSpan;
    }
}

2. 将Overlay添加到MapView #

在Activity/Fragment的地图初始化代码中，加入网格Overlay：

MapView mapView = findViewById(R.id.mapview);
mapView.setTileSource(TileSourceFactory.MAPNIK);
// 其他地图初始化配置（如离线瓦片路径、中心点等）...

GridOverlay gridOverlay = new GridOverlay(mapView);
mapView.getOverlays().add(gridOverlay);
mapView.invalidate();

二、获取特定网格的经纬度 #

1. 根据屏幕点击坐标获取所在网格 #

在MapView的触摸事件中，计算点击点对应的网格范围：

mapView.setOnTouchListener((v, event) -> {
    if (event.getAction() == MotionEvent.ACTION_UP) {
        Projection projection = mapView.getProjection();
        GeoPoint touchPoint = (GeoPoint) projection.fromPixels((int) event.getX(), (int) event.getY());
        GridOverlay gridOverlay = ...; // 获取已添加的网格Overlay实例

        double latSpan = gridOverlay.getGridLatSpan();
        double lonSpan = gridOverlay.getGridLonSpan();

        // 计算网格的起始经纬度
        double gridStartLat = Math.floor(touchPoint.getLatitude() / latSpan) * latSpan;
        double gridStartLon = Math.floor(touchPoint.getLongitude() / lonSpan) * lonSpan;

        // 网格四个顶点经纬度
        GeoPoint topLeft = new GeoPoint(gridStartLat + latSpan, gridStartLon);
        GeoPoint topRight = new GeoPoint(gridStartLat + latSpan, gridStartLon + lonSpan);
        GeoPoint bottomLeft = new GeoPoint(gridStartLat, gridStartLon);
        GeoPoint bottomRight = new GeoPoint(gridStartLat, gridStartLon + lonSpan);

        // 后续业务逻辑处理
        Log.d("Grid", "当前网格范围: " + topLeft + " ~ " + bottomRight);
    }
    return false;
});

2. 根据行列索引获取指定网格 #

如果需要按行列索引定位网格，可使用以下方法：

public GeoPoint[] getGridByIndex(int row, int col, GridOverlay gridOverlay) {
    double latSpan = gridOverlay.getGridLatSpan();
    double lonSpan = gridOverlay.getGridLonSpan();

    // 从北纬90度、西经180度开始计算行列
    double startLat = 90 - row * latSpan;
    double startLon = -180 + col * lonSpan;

    return new GeoPoint[]{
        new GeoPoint(startLat, startLon), // 左上
        new GeoPoint(startLat, startLon + lonSpan), // 右上
        new GeoPoint(startLat - latSpan, startLon), // 左下
        new GeoPoint(startLat - latSpan, startLon + lonSpan) // 右下
    };
}

注意事项 #

• 可根据需求修改updateGridSpan中的缩放适配规则，实现更平滑的网格变化效果。
• 若使用固定屏幕尺寸的网格，推荐采用注释中的像素转经纬度逻辑，确保不同缩放级别下网格视觉大小一致。
• 注意处理经纬度的边界值（如南北极、国际日期变更线附近），避免绘制异常。

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