Dapatkan peta pendua tempatan dan Inggeris menggunakan Leafletjs dan OSM

Question

Saya mencipta peta dalam vuejs menggunakan leafletjs dan Openstreetmap (menggunakan tapak web rasmi: https://leafletjs.com/),

more code here......
<l-tile-layer
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        attribution='&copy; <a target="_blank" 
        href="http://osm.org/copyright">OpenStreetMap</a>'
></l-tile-layer>

Tetapi sekarang saya mahu menunjukkan kedua-dua bahasa asal tempatan dan bahasa Inggeris pada peta saya seperti yang kami tunjukkan dalam (lihat imej di bawah)

https://liveuamap.com/

Saya google dan semak banyak tutorial tetapi tidak dapat mencari apa yang saya cari. Bagaimanakah saya boleh mencapai ini untuk peta saya menggunakan vuejs. Kedua, saya juga perlu mematikan bahasa Inggeris, jadi jika pengguna hanya mahu melihat bahasa tempatan atau mahu melihat bahasa Inggeris, mereka boleh memilih untuk melakukannya. Sebarang bantuan amatlah dihargai. Terima kasih terlebih dahulu!

Answer 1

Anda perlu menukar kepada penyedia jubin vektor yang menawarkan pilihan bahasa yang berbeza (cth. MapTiler), atau jika anda mahu menggunakan Risalah dan jubin raster - gunakan penyedia jubin yang menawarkan label dalam bahasa Inggeris. Sebagai contoh. API MapTiles menyediakan label tempatan atau Inggeris (tetapi bukan gabungan kedua-duanya) dengan jubin raster global.

Sebagai contoh yang ini (anda memerlukan kunci API) akan menunjukkan label bahasa Inggeris:

Edit: Menemui lapisan peta dengan label campuran Inggeris/tempatan: Jubin peta Thunderforest menunjukkan kedua-dua label Inggeris dan tempatan, serupa dengan contoh liveuamap anda. Anda juga memerlukan kunci API.

Contoh kod:

Mengenai penukaran: Untuk jubin raster, ini hanya boleh dilakukan melalui penukar lapisan peta (dipanggil kawalan lapisan dalam Risalah, lihat di sini: https://leafletjs.com/SlavaUkraini/examples/layers-control/ ). Sebagai contoh. Satu lapisan mempunyai jubin OpenStreetMap standard dan lapisan lain mempunyai, sebagai contoh, jubin Inggeris API MapTiles dan jubin Thunderforest.