Cara menghitung tingkat zoom optimal untuk menampilkan dua atau lebih titik pada peta

Kami ingin menampilkan beberapa penanda pada peta statis dan ingin menghitung tingkat zoom optimal seperti yang dilakukan Google Maps. Kami sudah menghitung persegi panjang pembatas dan titik tengah peta tapi sekarang kami kesulitan menghitung tingkat zoom yang benar untuk menampilkan seluruh persegi panjang pembatas. Bisakah seseorang tolong tunjukkan kami ke arah yang benar?

Untuk mendapatkan tingkat pembesaran, Anda harus mengetahui dimensi piksel peta Anda. Anda juga perlu melakukan matematika Anda dalam koordinat mercator bola.

1. Konversi lintang, bujur ke mercator bola x, y.
2. Dapatkan jarak antara dua titik Anda dalam mercator bola.
3. Ekuator sekitar 40m meter panjangnya diproyeksikan dan ubin berukuran 256 piksel, sehingga panjang piksel peta itu pada tingkat zoom yang diberikan sekitar 256 * jarak / 40000000 * 2 ^ zoom . Coba zoom = 0, zoom = 1, zoom = 2 hingga jarak terlalu panjang untuk dimensi piksel peta Anda.

Ini adalah kode C # yang saya gunakan di Maperitive :

    public void ZoomToArea (Bounds2 mapArea, float paddingFactor)
    {
        double ry1 = Math.Log((Math.Sin(GeometryUtils.Deg2Rad(mapArea.MinY)) + 1) 
            / Math.Cos(GeometryUtils.Deg2Rad(mapArea.MinY)));
        double ry2 = Math.Log((Math.Sin(GeometryUtils.Deg2Rad(mapArea.MaxY)) + 1) 
            / Math.Cos(GeometryUtils.Deg2Rad(mapArea.MaxY)));
        double ryc = (ry1 + ry2) / 2;
        double centerY = GeometryUtils.Rad2Deg(Math.Atan(Math.Sinh(ryc)));

        double resolutionHorizontal = mapArea.DeltaX / Viewport.Width;

        double vy0 = Math.Log(Math.Tan(Math.PI*(0.25 + centerY/360)));
        double vy1 = Math.Log(Math.Tan(Math.PI*(0.25 + mapArea.MaxY/360)));
        double viewHeightHalf = Viewport.Height/2.0f;
        double zoomFactorPowered = viewHeightHalf
            / (40.7436654315252*(vy1 - vy0));
        double resolutionVertical = 360.0 / (zoomFactorPowered * 256);

        double resolution = Math.Max(resolutionHorizontal, resolutionVertical) 
            * paddingFactor;
        double zoom = Math.Log(360 / (resolution * 256), 2);
        double lon = mapArea.Center.X;
        double lat = centerY;

        CenterMapOnPoint(new PointD2(lon, lat), zoom);
    }

• mapArea: kotak pembatas dalam koordinat panjang / lat (x = panjang, y = lat)
• paddingFactor: ini dapat digunakan untuk mendapatkan efek "120%" yang dirujuk oleh ThomM. Nilai 1,2 akan memberi Anda 120%.

Perhatikan bahwa dalam kasus saya zoomdapat berupa bilangan real. Dalam kasus peta Web, Anda memerlukan nilai zoom integer, jadi Anda harus menggunakan sesuatu seperti (int)Math.Floor(zoom)untuk mendapatkannya.

Tentu saja, kode ini hanya berlaku untuk proyeksi Web Mercator.

Jika Anda menggunakan OpenLayers maka Map.getZoomForExtentakan menghitung level zoom tertinggi yang dapat memenuhi seluruh tingkat di peta. The extentkebutuhan untuk berada di proyeksi peta ini. Anda juga dapat menggunakan a fill_factoruntuk menghindari menampilkan titik di tepi peta, dan max_zoomuntuk membatasi kemungkinan zoom:

extent = extent.scale(1/fill_ratio);
var zoom = Math.min(map.getZoomForExtent(map_extent), max_zoom);
map.setCenter(extent.getCenterLonLat(), zoom);