fungsi fitbound dengan arah kemajuan

Question

Disebabkan kekurangan kemahiran bahasa Inggeris, kami menggunakan penterjemah untuk berkomunikasi, harap faham.

Kami sedang membangunkan peta menggunakan React dan Mapbox.

Kami menggunakan pengekodan di bawah kerana kami ingin menetapkan kedudukan awal peta apabila halaman dimuatkan.

[Pengekodan]

const bounds = new mapboxgl.LngLatBounds();


     cgoData?.forEach((cgoItem: any) => {


       bounds.extend([cgoItem?.prtLogt, cgoItem?.prtLat]);


     });

     mapRef.current?.fitBounds(bounds, {

      duration: 1000,

});

Walau bagaimanapun, fungsi "fitBounds" menetapkan titik tengah terdekat sebagai kedudukan awal.

Kami ingin menetapkan kedudukan awal, termasuk arah kapal menuju, yang tidak selalunya jarak terpendek.

[Skrin yang anda lihat sekarang]

[Skrin yang kami mahu]

Bagaimana untuk menyediakannya?

Answer 1

Tidak pasti sama ada saya faham soalan itu, tetapi jika saya faham, berikut adalah perkara-perkaranya:

1. Ketahui tentang turf, satu set utiliti yang boleh membantu anda. Contohnya, fungsi bboxnya akan mengira kotak sempadan (geojson) daripada tatasusunan atau FeatureCollection.
2. Sekarang, jika anda ingin menyimpan beberapa padding, anda boleh melakukannya dalam kaedah fitBounds. Secara khusus, lihat options.padding